How to add a second button above the “Add to Cart” button in featured collection? (Sense theme)

Solved

How to add a second button above the “Add to Cart” button in featured collection? (Sense theme)

tobiaszellweger
Tourist
13 0 1

Hi Shopify Community,

 

I’m using the Sense theme and want to add a second button in the featured collection section on my site. Specifically, I want to place this new button above the “Add to Cart” button.

 

The new button should have the same style as the “Add to Cart” button, be labeled “More Product Details”, and link to the corresponding product page.

 

Can anyone please advise which files or templates I need to edit in the Sense theme and how to do this correctly so the new button matches the existing style?

 

www.kyotsu.ch (e.g. https://kyotsu.ch/collections/kollektion-alle)
PW: kyotsu.ch

 

Thanks a lot for your help!

 

Best regards,
Tobias

Accepted Solution (1)

Shadab_dev
Shopify Partner
1526 81 168

This is an accepted solution.

You will have to add the related code in card-product.liquid file. 

 

To match the styling use all the css classes that is on the atc button. Add an href tag to your a tag button with this value card-product.url

 

So your a tag will be like 

 

<a href="{{ card_product.url }}" class="classes from atc button"> More details </a>

Buy me Coffee, if you feel i was helpful. Email Me here or WhatsApp me with this link for any help with shopify theme customizations or any project in web dev. If this is helpful, please Like and Accept the solution.

View solution in original post

Replies 2 (2)

Shadab_dev
Shopify Partner
1526 81 168

This is an accepted solution.

You will have to add the related code in card-product.liquid file. 

 

To match the styling use all the css classes that is on the atc button. Add an href tag to your a tag button with this value card-product.url

 

So your a tag will be like 

 

<a href="{{ card_product.url }}" class="classes from atc button"> More details </a>

Buy me Coffee, if you feel i was helpful. Email Me here or WhatsApp me with this link for any help with shopify theme customizations or any project in web dev. If this is helpful, please Like and Accept the solution.
tobiaszellweger
Tourist
13 0 1

Thanks for your help! 🙂