(Minimal theme) Clickable slide images

Highlighted
New Member
3 0 0

Hello i already tried the codes below but cant figure it out. Now i can add image url on slide at custimaziton but still not clickable. I need help thx for everything.

1 - Open slider.liquid

2 - Search for "<img class="slides__image"

3 - Right above it, paste the following code:

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

 

4 - Search for "image_picker"

5 - Right below it's closing tag }, paste the following code:

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

 

---Position for pasting the last code shown----

"settings": [
{
"type": "image_picker",
"id": "image",
"label": {
"de": "Foto",
"en": "Image",
"es": "Imagen",
"fr": "Image",
"it": "Immagine",
"ja": "画像",
"nl": "Afbeelding",
"pt-BR": "Imagem",
"zh-CN": "图片",
"zh-TW": "圖片"
}
},

[PASTE IT HERE]

 

6 - Save your work

7 - Go to theme.scss.liquid and after to its last line of code

8 - Post the following code there:

/* CSS Trick for clickable slide */
.slide__link {
z-index: 999;
position: absolute;
width: 100%;
height: 100%;
}

 

9 - Save it

0 Likes
Highlighted
Shopify Partner
190 38 39

Hi @SilkyScarf 

Can you please share shop URL and screenshot.

Thanks

Vishvas Mishra

For Design, Development and custom changes Hire Me.
If your problem solved then Like & Accept this Solution.
Email ID: technicalvishvas@gmail.com
0 Likes
Highlighted
New Member
3 0 0

www.silkyscarf.com

i have a password protection until launch

its "aiprip"

slide.liquid.jpg

theme.scss.jpg

image picker.jpg

   

0 Likes