Display product sizes on collection page - Dawn Theme

Hi,

I’m new to Shopify and trying to figure out how to display product sizes on the collection page…similar to this page (hover over image): https://www.mahsa.co.nz/collections/dress

I don’t need the hover affect. I just want to display the sizes.

Any help would be appreciated!

@KarebouDesign

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.product-collection__content__sizes {
    opacity: 1;
}

@KetanKumar , thank you for your reply. I don’t have that file listed anywhere under code. There’s no .scss files at all. I tried your code in section-collection-list.css, template-collection.css and section-featured-product.css but it didn’t work.

@KarebouDesign

sorry but your current theme is not dawn theme

@KetanKumar is there more than one Dawn theme?

@KarebouDesign

yes, please send Dawn theme store url

@KetanKumar Thank you. The URL is https://loobie-friends.myshopify.com/

@KarebouDesign

sorry your store passwords protect

@KetanKumar thank you for your time today. I finally found a plug-in that will do what I need. I appreciate your help.

@KarebouDesign

that would be great if you need help let me know

Hi. Can you share the app? I have the same problem. I would like to show the sizes under my products (collections). If you could share I will appreciate. thanks

Hi the app is G:Variant Image + Color Swatch https://apps.shopify.com/globo-color-swatches. It works really well and shows the sizes and colour swatches, plus the support team is very responsive.

Omg!!! I am so so happy that you helped me. I tried and it worked. :slightly_smiling_face: thankkkkk you!!!

Very happy I could help! :grin:

Hi There but this up not doing it on hover , its either showing it or not showing it

there is away to show sizes only on hover ?

Please I need your help I made groups divided according to size, for example 0-3 months and 3-6 months, and I need to hide the products whose inventory for size 0-3 months is zero when displaying a collection of 0-3 So that the customer only shows the available products And the same in collection 3-6 months As the current situation .. it displays all products of size 0-3 even if its stock is zero, because the stock of the total product for all sizes is not zero, but the stock of size 3-6 may be equal to 2 Therefore, the condition that the offered stock is greater than zero does not work for me What is the solution please :heart:

@Mohamed_aiman

can you please share store url