Making hero Slideshow have clickable images (Brooklyn Theme)

Solved
New Member
4 0 0

I've been searching the forums for a while and while there is good information for making this possible with Debut and minimal Themes i have yet to find a good way to make this work within Brooklyn. 

 

I would like to make the slideshow images also clickable and redirect to the same page that the button redirects to. There have been a bunch of open posts with no answers. 

 

Any help would be appreciated. Thank you

0 Likes

Success.

Shopify Partner
532 111 151

@SoreToothDesign 

 

This solution requires some changes in liquid and css file but, here is simple jQuery tweak you can use. 

Go to the Online store > Theme > Edit code > theme.js file and add following code at the end of file:

$(".hero-slideshow .hero__slide").click(function(){
	var slideURL = $(this).find(".hero__cta").attr("href");
        window.location.href = slideURL;
});

Cheers,

Tejas

 

Shopify Expert | skype: tejas.nadpara
- Feel free to contact me on support@hexaecommerce.com regarding any help
- Like and Mark as an Accepted Solution if reply helpful
1 Like
New Member
4 0 0

Wow, Thank you, Much easier than what i was trying. 

 

thank you that solution worked like a charm!

0 Likes
New Member
6 0 0

Hello! I tried to add this code and it does make the image clickable, but it directs me to an error 404 page. Please let me know how i can fix it. Thank you!

 


@Tejas_Nadpara wrote:

@SoreToothDesign 

 

This solution requires some changes in liquid and css file but, here is simple jQuery tweak you can use. 

Go to the Online store > Theme > Edit code > theme.js file and add following code at the end of file:

$(".hero-slideshow .hero__slide").click(function(){
	var slideURL = $(this).find(".hero__cta").attr("href");
        window.location.href = slideURL;
});

Cheers,

Tejas

 


 

0 Likes
Shopify Partner
532 111 151

@_cjpaz 

 

Send me your stoer url so I can check and assist you better.

 

Thank you,

Tejas

Shopify Expert | skype: tejas.nadpara
- Feel free to contact me on support@hexaecommerce.com regarding any help
- Like and Mark as an Accepted Solution if reply helpful
0 Likes