Making hero Slideshow have clickable images (Brooklyn Theme)

Solved
Highlighted
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
Highlighted
Shopify Partner
1027 215 472

This is an accepted solution.

@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
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
Highlighted
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
Highlighted
Tourist
8 0 1

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

 


 

Highlighted
Shopify Partner
1027 215 472

@_cjpaz 

 

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

 

Thank you,

Tejas

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

Hello, 

 

I had the same problem mentioned, my url is www.guya.com.br

 

I uninstalled the code so the site would stop redirecting to a 404 error, but if you contact me through email I can put it back up: contato@guya.com.br

 

Your help is much appreciated!

 

Best,

0 Likes
Highlighted
New Member
2 0 0

Hi,

 

I have been searching forums for a solution. I have added this, but I am also getting a 404 error message once it has been added.

 

Please could you help me at all?

 

Many Thanks,

NaomiScreenshot 2020-03-29 at 15.19.40.png

0 Likes
Highlighted
New Member
4 0 0

Hi there, I've tried adding this code but it doesn't do anything to my website. Could you help?

0 Likes
Highlighted
Shopify Partner
1027 215 472

@Habitat-love 

 

Send me your store URL so I can check and assist you better.

 

Thank you,

Tejas

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

Hello @Tejas_Nadpara,

 

Could you also help me please?

 

My url is www.guya.com.br and my contact email is contato@guya.com.br.

 

I tried adding the code but I keep getting the 404 error, so I removed the code.

 

Best,

0 Likes