Add to cart button - Collections page - Prestige Theme

Topic summary

Adding an Add to Cart button on Prestige collection pages and hiding it for sold‑out items. The store uses Shopify’s Prestige theme; code was added to product-item.liquid to show the button on collection cards.

Key fix implemented:

  • Wrapped the button in a Liquid condition using product.available to hide it for sold‑out/unavailable products. The original poster confirmed this resolved the visibility issue.

Technical notes:

  • Liquid is Shopify’s templating language. product.available checks overall product availability; previously, only button styling changed based on a variant’s availability, not button visibility.

New, related issue raised by another participant:

  • Button shows on collection pages but only opens the cart drawer without adding the product. They also need a way for customers to choose variants (e.g., size/color) in a “quick add” on collection cards. This typically requires additional JavaScript to add the selected variant to cart and UI for variant selection.

Other input:

  • A YouTube tutorial link was shared as a general resource for restoring Add to Cart on collection pages.

Status:

  • Original visibility problem resolved. Variant selection and add-to-cart action from collection cards remain open/unresolved.
Summarized with AI on January 7. AI used: gpt-5.

Thanks so much @MandasaTech !

This worked! You’re a star :star: