(Debut Theme) How to display the sizes below the products in the page collection ?

Highlighted
Excursionist
26 0 2

Hello, I'm looking to display product sizes when we fly over the image of the product in a collection page?

 

Example with both photos:

When you move with your mouse on the article in the collection page, it displays the sizes below

 

I have the theme debut.

 

Thank you so much.

 

size.pngsize2.png

0 Likes
Highlighted
Shopify Expert
2761 478 619

Hi @lefteyes 

For that you want to custom code in snippet->product-grid.liquid file.

You have to make variants loop and show just size option on image hover.

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Shopify Partner
87 16 22

Hello @lefteyes 

 

Yes you can do it for that you need to add custom liquid code in your product-gird.liquid file under snippets

 

And in this file you need to execute loop for size option to display all sizes for that product.

 

Best Regards
Parth Bhut

............................................................................................................................

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: parth.bhut143@outlook.com
Skype: parthbhut7

0 Likes