Opacity or Overlay for sold out Variants Thumbnails

Store Design
1

Hey,

I´m using a code to show color variants as own products but with little thumbnails on the product page.

Currently they will hide if a product isn´t available but I still want to display it for future “back in stock” apps.
So the idea is to only grey the variants out.
With opacity change or via an overlay.

But nothing I tried worked so far so I need some ideas how to wrap the “else” loop

{% if prod.available == true %}

{{ prod.title }}

{% else %}

{{ prod.title }}

{% endif %}
{% endfor %}

1 Like
2

Hi @Ben_Simon ,

This will require javascript code and needs to respond based on the customer’s input. Liquid code alone will not work on this. You will need to hire someone to do this for you, unfortunately