Are you looking to make slideshow images clickable on Shopify without installing any third-party apps? This feature is very useful for Shopify store owners who want to link each slideshow image to a specific product, collection, or page. In this tutorial, I will show you step by step how to achieve this using just Shopify’s built-in theme editor and code.

Step 1: Open slideshow.liquid

First, go to your Shopify admin panel and navigate to Online Store > Themes > Actions > Edit Code. Then, find and open the slideshow.liquid file in your theme’s Sections folder.

Step 2: Locate the Slideshow Image

Search for the following line in the code:

<div class="slideshow__image box

Step 3: Add the Clickable Link Code

Just above the line you found, paste the following code:

{% if block.settings.image_link != blank %}
   <a href="{{ block.settings.image_link }}">
{% endif %} 

This code will make your slideshow images clickable only if you’ve added a link in the theme settings.

Step 4: Find the Image Picker

Next, search for image_picker in the same file. Right after it, add the following code snippet:

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

This step ensures that a new field called “Image Link” will appear in your theme editor for each slideshow block, allowing you to add URLs without touching the code again.

Step 5: Save and Test

After pasting the code, save your changes and preview your slideshow. Now, each image should be clickable, and clicking it will take the visitor to the link you assigned.

Bonus Tip

You can link slideshow images to products, collections, blog posts, or external websites. This small customization helps drive traffic and conversions, and it works without any extra Shopify apps.

By following this tutorial, you can easily make slideshow images clickable on Shopify while keeping your theme lightweight and efficient. This method works for most Shopify themes and is perfect for store owners who want more control over their homepage design.