Studio Theme Slideshow section - make images clickable

Solved

Studio Theme Slideshow section - make images clickable

SamPaine22
Visitor
3 0 0

Hi, I thought it would be quite simple to add some code functionality to make my slideshow images clickable (I'm using the studio theme) But all new code I've tried either doesn't work or causes issues (random text saying liquid error could not find asset snippets/iconcaret.liquid) amongst others on the image...

 

I'm surprised this is so tricky and isn't already built in. A clickable main image on a homepage is pretty important...

 

Has anybody else found a solution to this? I've tried every hack and code going on previous posts, 

 

Thanks in advance!

Sam

 

 

Accepted Solution (1)
CodingFifty
Shopify Partner
613 97 116

This is an accepted solution.

Hi @SamPaine22,

 

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"
},

 

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com

View solution in original post

Replies 5 (5)

CodingFifty
Shopify Partner
613 97 116

Hi @SamPaine22,


Thank you for reaching out to the Shopify community. I'd be glad to assist you. Could you kindly share your store URL and
password (if it’s password-protected) so I can review it and provide you with an update?

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com
SamPaine22
Visitor
3 0 0

Thank you - I'm fairly new to shopify  - https://sampaineart.com/

 

🙂

CodingFifty
Shopify Partner
613 97 116

This is an accepted solution.

Hi @SamPaine22,

 

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"
},

 

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com
SamPaine22
Visitor
3 0 0

Thank you so much - that's worked for me! 

 

 

CodingFifty
Shopify Partner
613 97 116

Great 😊 @SamPaine22 

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com