Display current available sizes under Product images

This does the job in a simple way:

 

      {% for variant in product.variants %}
      {% if variant.available %}
      <span class="active">{{ variant.options[0] }}</span>
      {% else %}
      <span class="inactive">{{ variant.options[0] }}</span>
      {% endif %}
      {% endfor %}

 

Quality e-commerce solutions since 2010.
0 Likes
Charlotte7
Tourist
6 0 0

Hi ! 

Thanks a lot for you help. I'm searching something like this since two days  

Can you help me to make CSS for that. I would like that the size appear like this. 

Thanks a lot Capture d’écran 2020-11-10 à 16.23.57.png

0 Likes
Ral
New Member
1 0 0

Can you tell me which liquid file I would need to add this code to in Debut theme?

0 Likes
zbarnes
New Member
1 0 0

Does anybody have a code for adding boxes around the sizes under the products?
?

0 Likes