Shopify themes, liquid, logos, and UX
Hi all, hope everyone is well.
I recently started using the symmetry theme and I would like to replace the price tag of Sold Out items with a "Sold Out" label only on the collection page. I still want the price to be shown on the product page, however. I provided a picture above for reference. Is there any code I can add that can give me a result like this?
Thank you!
My website is: https://www.newworldvisionz.com
password is: nwv2
In your theme editor look for the template collection.liquid, that will likely have some included sections or snippets, follow those, read the code to find where the price is shown, then create a conditional statement to show "Sold Out" if inventory is less than 1.
Something like this:
{% if current_variant.inventory_quantity < 1 %}
<span class="sold-out-collection">Sold Out</span>
{% else %}
your normal code that already exists would remain here
{% endif %}
If you're not familiar with Liquid and are not hiring a developer, this will help you to learn: https://shopify.dev/docs/api/liquid
Make sure you duplicate your live theme, then work on the new duplicated theme so you can edit and preview before it goes live.
I checked and my theme doesn’t have a collection.liquid template
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025