How To Make Slideshow Clickable in Shopify [Dawn Theme]

Shopify’s Dawn theme is a versatile and elegant choice for many online stores. However, out of the box, it doesn’t support clickable slideshows. Making your slideshow images clickable can significantly enhance user experience and drive traffic to specific products or collections. In this guide, we’ll walk you through the steps to make your slideshow clickable in the Dawn theme.

Step 1

Open slideshow.liquid file and search for <div class="slideshow__text code and the following code above it:

<a href="{{ block.settings.image_link }}" style="display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 999;"></a>

Step 2

Search for image_picker code in slideshow.liquid file and paste this piece of code just after it:

{
"type": "url",
"id": "image_link",
"label": "Image Link"
},

4.4/5 - (9 votes)

About

Leave a Comment

Your email address will not be published. Required fields are marked *