Display current available sizes under Product images

[youcantgoogleme]

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 %}

[Charlotte7]

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 

[Ral]

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

[zbarnes]

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