Have your say in Community Polls: What was/is your greatest motivation to start your own business?

How can I make a banner image link to a collection in Studio Theme?

How can I make a banner image link to a collection in Studio Theme?

BespokeCandle
Visitor
2 0 0

Hello,

I am trying to make the banner image link to a collection in my store, but I am unable to do it. I see answers on how to do this with other themes, but cannot find how to do it on the Studio Theme. Can anyone assist?

Replies 3 (3)

GabrielS
Shopify Partner
486 107 115

Hi there, can you share your website link? The job is doable, however, it may require custom liquid coding. A reliable suggestion can be to hire a web developer.

Gabriel Soare | Web Developer
Are you looking to customize your Shopify or to fix a website bug?
You can reach me through my website gabrielsoare.com, DM, or email hello@gabrielsoare.com.
Have I helped you? Like my post.
BespokeCandle
Visitor
2 0 0

https://bespoke-candle-co-7545.myshopify.com/

 

The store is still in active development, but I made it visible for you. I am fine hiring a web developer to do it, but I have no idea where to find one to do this. Any assistance you can provide would be great.

 

Thanks!

LitCommerce
Astronaut
2860 684 753

Hi @BespokeCandle,

You want this image can be clicked?

Screenshot.png

Please go to image-banner.liquid file and add code here:

Screenshot.png

Code:

<a href="{{ block.settings.button_link_1 }}" class="banner__action-full" 
     style="position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 2;
            display: block !important;
            "></a>

It will show the link of 'First button'.

Hope it helps!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!