How do I display product size on collections screen?

Hi all,

I’m using the dawn theme for my shopify store. I want to be able to display the size of each product on the collections page - how do I do this?

Thank you!

Sorry, I should have said, I am using the dawn theme.

Hi @JustinTharpe

Thanks for responding. I’m not wanting to list the sizes as a collection. I’m just wanting to have the sizes display under the product name, as per the below screenshot. Is that possible?

Hi @Sheriden_Webb !

This is PageFly - Advanced Page Builder. Yes this possible.

Case 1:

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

Case 2:

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,

I hope my recommendation will be beneficial for you,

Best regards,
PageFly

Hi @PageFly-Victor

Thanks for your suggestions! I’ve had a look at adding the code but I’m not sure where to add it (sorry). When I go into assets, this is all that I have (screenshot below) and I don’t have ->/theme.scss.liquid->. Do I need to add that in?

Thank you!

Hi @Sheriden_Webb !

Yeah bro you have to add this or you can use case 2. Are you sure bro theme is Dawn.

Best Regards;

Pagefly