Can i make a sold out listing say sold out next to the price

[geo07]

I would like to somehow make this sold out listing say that it is sold out next to the price. The websites URL is here - Swing Design | Silhouette Cameo 4, Cricut, Epson, Roland, Sawgrass. 

[HeyCally · Accepted solution]

For that, you would have to add in some code to the card-product.liquid file (it's usually called that in most themes) that is right-aligned and formatted correctly so it may require some tinkering with the code to get it to look right.

But you can add in something like:

{%- if card_product.available == false -%}

<p style="text-align: right;">Sold out</p>

{%- endif -%}

And that should do the trick!

I always recommend making a backup of your theme before making any changes!

If you needed some extra help and wanted me to have a closer look at your shop - send me a private message and we can work that out. 🙂

If my answer was helpful, please like the post and mark it as the solution if you found it useful in solving it! Thanks & have a great day!

[HeyCally · Accepted solution]

For that, you would have to add in some code to the card-product.liquid file (it's usually called that in most themes) that is right-aligned and formatted correctly so it may require some tinkering with the code to get it to look right.

But you can add in something like:

{%- if card_product.available == false -%}

<p style="text-align: right;">Sold out</p>

{%- endif -%}

And that should do the trick!

I always recommend making a backup of your theme before making any changes!

If you needed some extra help and wanted me to have a closer look at your shop - send me a private message and we can work that out. 🙂

If my answer was helpful, please like the post and mark it as the solution if you found it useful in solving it! Thanks & have a great day!

[geo07 · Accepted solution]

Thank you! I ended up having to change a few things but you were a great help! Thanks a lot!

{% unless product.available %}
<p style="text-align: right;">Sold out</p>
{% endunless %}