Make the whole hero image in Brooklyn theme as CTA button

Store Design
1

Hi, I want to make the whole Hero image in my store, which runs in Brooklyn theme, as CTA button. In other words when user clicks anywhere on the hero image a page configured should open.

2

@Blushu

Welcome to the Shopify community!
Please share your store URL!
I will check out the issue and provide the correct solution to you!

Thanks!

3

www.blushu.in

4

@Blushu

Please share a screenshot of what you want, because I don’t understand your thinking.

Thanks!

5

Instead of having a CTA button, I want user to be taken to a particular
page when clicking anywhere on the hero image.

6

@Blushu

This code customization work. Please add me as a collab.

Thanks!

7

Anyone know any shopify theme which lets the whole Hero image act as CTA button, clicking anywhere on the image should take user to a particular page on the website?

8

@Blushu

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,