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

How to Show Size Options Instead of Color Swatches in Flow Theme?

How to Show Size Options Instead of Color Swatches in Flow Theme?

elizathompson
Visitor
3 0 0

Hi there,

I’m trying to display size options (like S/M/L) in square boxes instead of color swatches on my product page using the Flow theme. Even though I’ve set the variant option to "Size" in the admin, it still shows as color swatches.

For example, I’d like customers to see clear size boxes when selecting something like a full sleeve t shirt, but currently it only shows visual swatches instead of text. I'm a beginner, so any step-by-step guidance would be really helpful.

Replies 2 (2)

PaulNewton
Shopify Partner
8031 688 1649

Hi @elizathompson 👋 check the theme settings, and check the docs

https://support.eightthemes.com/hc/en-us/articles/27864028041745-How-to-set-up-swatches-for-versions...

After that it's an advanced theme customization beyond the scope of the forums when a theme doesn't have some specific granular setting such as a way to use non-color/colour options in place of color/image swatches which is specifically intended for visuals not arbitrary text.

 

If you need this customization taken care of then contact me for services.
Contact info in forum signature below ⬇ ⬇ ⬇.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.

Contact paull.newton+shopifyforum@gmail.com for the solutions you need


Save time & money ,Ask Questions The Smart Way


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a Coffee for more answers or donate to eff.org


Easify-Jennifer
Explorer
71 2 4

Hi @elizathompson 

If you're open to using an app, I’d recommend Easify Product Options. It allows you to create flexible option types — so you can show Color as swatches and Size as clean, text-based square boxes. You can fully control how each option looks, and the setup is super beginner-friendly with no code required. Here's how it works:

  • This is the result:

 

EasifyJennifer_2-1751264763091.png

  • This is the app setting:

EasifyJennifer_3-1751265719246.png

 

You can also change the button shape, label, or even assign add-on prices to the options.

EasifyJennifer_4-1751265891180.png

 

This app is very beginner-friendly, if you need any further assistance or have any questions, feel free to reach out! 🤗