Remove "Add to Cart" badge from sold out products (Venue theme)

Shopify Discussion

Topic summary

A user is attempting to hide the “Add to Cart” button on sold-out products in collection pages using the Venue theme.

Initial Solution Provided:

  • Wrap the quick-shop button (class “quick-shop__trigger”) in Liquid conditional markup:
    {% if product.available %}
  [button code]
{% endif %}

Issue Encountered:

  • The first implementation hid the button for all products, not just sold-out items.
  • User needs the button visible for available products and hidden only when inventory is depleted.

Current Status:

  • A refined solution was proposed combining two conditions: {% if quick_shop_trigger == 'icon' and product.available %}
  • This should display the button only when the product is available.
  • Awaiting confirmation whether the updated code resolves the issue.
Summarized with AI on November 16. AI used: claude-sonnet-4-5-20250929.
1

I’m trying to remove the “Add to Cart” badge/button so it doesn’t show up on any sold out products on any Collections page. I’ve tried a few of the suggestions listed on here but none seem to work for my theme. Any help would be appreciated.

Theme: Venue

Site: melier.com (example https://melier.com/collections/adversity-cellars)

2

You need to find the button by class “quick-shop__trigger” and wrap it in the desired liquid code.

{% if product.available %}
  
{% endif %}
3

Thank you. This hid the icon, but I only want it to be hidden when a product is sold out. Any idea how to make that adjustment?

Here’s what I wrapped in comment/endcomment to disable.

{% if quick_shop_trigger == ‘icon’ %}

{% render ‘icon-quickbuy’ %}

{% endif %}

4

You mean this?

{% if quick_shop_trigger == 'icon' and product.available %}  {% endif %}