smitsanghvi of Theme Support
6/18/2019 - 10:00 PM

Make entire slideshow clickable

Theme: SIMPLE

Version(s) successfully tested on: 9.1.2

Recommended design time: 10 mins


What you have

A slideshow without link:

What you want

To make the slideshow clickable:

How you get it

Step 1:

1. Open up slideshow.liquid Find this code {%- if block.settings.image != blank -%}. Add this code below it:

 {% if block.settings.slide_link %}
                 <a id="slide__link" href="{{ block.settings.button_link }}"></a>
  {% endif %}

2. In the same file, find this code "id": "button_link". Add this code above the scehma of this id:

      {
         "type": "checkbox",
         "id": "slide_link",
         "label": "Make entire slide clickable",
             "default":true
       },

3. It should look like this:

Step 2:

1. Open up theme.css Add this code at the bottom of the file:

#slide__link {
  width: 100%;
  height: 100%;
  position: absolute;
}