Add information to my products preview

[PAUL8]

Hello,
I want to add this effect:

I’m esplaining: When you hover over the photos, you can see the remaining and sold sizes.
I use dawn theme, my website is womber.fr and password is PROPAGANDAAA

Thanks,

Cordially

[BSS-TekLabs]

• Here is the solution for you @PAUL8
• Please follow these steps:

1. Go to Online Store → Theme → Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before and press ‘Save’ to save it

[BSS-TekLabs]

And find file card-product.liquid and add this code before tag “

”

[BSS-TekLabs]

    

      {% for variant in card_product.variants %}
      

        
        {% if variant.inventory_quantity > 0 %}
          {{ variant.title }}
        {% else %}
          {{ variant.title }}
        {% endif %}
      

      {% endfor %}
    

      

[BSS-TekLabs]

• Here is the result you will achieve:

• Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.