Show the sizing info on the collection page

Hi there,

I would like to show the size infor instead of the color swath. we are using Flow theme.

like below to put S/M/L in the box

Currently it is showing like this. Even we set the variant as size on the valiation, it does not show the size.

Could someone please teach us how? I’m really beginnger.

Thank you in advance.

1 Like

Hi @chupeteria

After reading your message, I think I’ve found a great solution for you, especially if you’re just starting out: ( Globo Product Option : https://apps.shopify.com/product-options-pro )

This app is incredibly helpful for adding all sorts of custom options to your products, like text boxes for personalization, dropdown menus, checkboxes, and more. It really lets your customers make products of their own, choose add-ons, and even build bundles.

One of the best things about it is that it gets around Shopify’s 100-variant limit, which can be a huge headache for many stores. Plus, it has conditional logic, so you can set options to appear or disappear based on what your customer has already selected, making the whole process super smooth.

It integrates seamlessly with your cart and, best of all, it’s easy to set up with no coding needed. It’s perfect for any store that sells personalized or highly configurable products.

Hope that helps, Chupeteria

Hi @chupeteria

If you’re open to using an app, I’d recommend trying Easify Product Options. It allows you to create fully flexible product options, so instead of showing color swatches, you can display size options like S/M/L in clean square boxes — exactly the way you described.

Even better, you can choose where to display these options — on the collection page, homepage, or any featured product section, not just the product page. Whether you want dropdowns, buttons, swatches, or text boxes, you can set them up easily without touching any code. Here’s how it works:

  • This is the result:

  • This is the app setting:

You can apply the option set manually or using conditions:

Then, go to the App Settings and choose which pages you want your options to appear on the ‘Other pages’ section.

Easify is perfect for setting up product options without touching any code—super easy to use. And if you ever need help, our 24/7 in-app live chat support is always here for you! :hugs:

1 Like