Hi there! I’m using the Prestige theme, and I have added some code to add a ‘add to cart’ button on the collections page. It works great, but now I need to hide it for products sold out or unavailable. Unfortunately, the button keeps showing up, so I am manually hiding those products at the moment…

@GTStudio Replace your code with below code. {% if product.available %} {{ ‘product.form.add_to_cart’ | t }} {% endif %}

Hello @GTStudio , Please share your website URL. and also share you product-grid.liquid file code.

@MandasaTech The website URL is: https://sunshineliving.dk/ But I can’t find the product-grid.liquid file code. Is there anything else I can provide you with?

https://sunshineliving.dk/password - please share your store password.

@MandasaTech it’s blaske. Thank you!

Hi @GTStudio , You can hide the add to cart button by using a liquid condition, we need access to the code to provide a solution.

@SmallTask This is the code I pasted in product-item.liquid {{ ‘product.form.add_to_cart’ | t }} Thanks so much. Let me know if you need anything else.

@SmallTask @MandasaTech , any updates on this, please? I would be so grateful if you could help! :folded_hands:

Thanks so much @MandasaTech ! This worked! You’re a star :star:

Hi, I was hoping you could help us too. I pasted this code on our prestige theme. It shows the button on the collection pages, but when I click the “add to cart button”, it just open the cart drawer and not put the products in. Also, how can we add a choice for variants here? We have some products …

Add to cart button - Collections page - Prestige Theme

Store Design

Jahid-KlinKode January 25, 2024, 5:26am 12

Hi @GTStudio , resolve the issue of missing “Add to Cart” buttons on Shopify collection pages by watching this helpful YouTube tutorial: https://www.youtube.com/watch?v=s98l1bUZe6k

Topic		Replies	Views
Add to cart button - Collections page - Prestige Theme Store Design design , collection-page , css , third-party-themes , html	2	67	February 3, 2025
"add to cart" button to the collection level - (Prestige THEME) Store Design	33	525	March 19, 2024
Collection Page Show and Hide 'Add to Cart' Option Store Design collection-page	2	46	November 24, 2023
Add to cart button under featured collection - Prestige Theme Store Design design	6	204	January 6, 2025
Prestige Theme - Add To Cart Drawer Button On Collection Pages Shopify Discussion	0	34	January 12, 2023

Add to cart button - Collections page - Prestige Theme

Related topics