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.6/5 - (28 votes)