Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for
Show only
|
Search instead for
Did you mean:
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
I have some products that are sold out and some that are coming soon. I have changed the 'sold out' text in the language settings but want to just hide this text completely for products which are actually sold out.
I don't want to hide by product.type as these are filled in specifically for shipping. Can it be done by a collection or tags?
FOund this. And it does hide the 'sold out' box (that id changed for 'coming soon'. But i would like to only hide this on certain products. Can't be based on the product type as this is already populated for other reasons so can we hide the 'coming soon' for anything with a 'sold out' tag
So i have some products that are 'coming soon' that i want the badge to show for but i want to hide for actual sold out products. As both have 0 stock they just all show as coming soon even if some have been sold for a while but are now sold out. I want to hide the coming soon message for products that i choose and keep for the ones that are coming soon.
can i add code to hide the 'sold out/coming soon' message for products that i have assigned a certain tag to?
Create a duplicate of your theme to avoid affecting the live theme.
Go to Online Store > Themes > Actions > Edit code.
Find the product-template.liquid file in the Sections folder.
Find the code block that iterates through product variants. It typically looks like this:
Code snippet
{% for variant in product.variants %}
{% if variant.available %}
{% else %}
{% endif %}
{% endfor %}
5. Implement Conditional Logic:
Use Liquid conditions to check if the product belongs to a specific collection or has a particular tag.
If the condition is met and the product is sold out, hide the "sold out" text.
{% for variant in product.variants %}
{% if variant.available %}
{% else %}
{% if product.tags contains 'coming_soon' or product.collections contains 'preorder_collection' %}
{% else %}
<span class="sold-out">Sold Out</span>
{% endif %}
{% endif %}
{% endfor %}
6. Replace 'coming_soon' and 'preorder_collection' with your desired tags or collection handles. You might need to adjust CSS styles to ensure the product display looks correct when the "sold out" text is hidden.
