We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Show the sizing info on the collection page

Show the sizing info on the collection page

chupeteria
Visitor
1 0 1

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

スクリーンショット 2025-05-09 17.10.20.png

 

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

 

 

スクリーンショット 2025-06-27 12.59.54.png

 

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

 

Thank you in advance.

Replies 2 (2)

yash141
Tourist
5 1 0

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 )

 

yash141_0-1751088515353.png

 

yash141_1-1751088546002.png

 

 



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 

 

l love resolving problem

Easify-Jennifer
Explorer
71 2 4

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:

EasifyJennifer_0-1751341216518.png

  • This is the app setting:

EasifyJennifer_6-1751342107667.png

 

You can apply the option set manually or using conditions:

EasifyJennifer_5-1751341753223.png

 

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

EasifyJennifer_2-1751341667764.png

 

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! 🤗