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

[lefteyes]

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.

[Jasoliya]

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.

[ParthBhut]

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

[madari21]

what if I was to add color options under the image?

[Jasoliya]

For that need custom code cant we do just from front side. may be this post helps you