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

Topic summary

A user wants to display size options (S/M/L) as text-based square boxes instead of color swatches on product pages in the Flow theme, despite setting variants to “Size” in Shopify admin.

Suggested Solutions:

  • Theme Documentation: One responder points to Flow theme’s official swatch setup guide, noting that swatches are designed for visual elements (colors/images), not arbitrary text. Custom code may be needed for text-based size boxes.

  • App-Based Alternatives: Two apps are recommended:

    • Easify Product Options: Allows creating flexible option types with text-based square boxes for sizes while keeping color swatches separate. No coding required, beginner-friendly interface shown in screenshots.
    • Inkybay Product Personalizer: Offers swatch options for sizes in square boxes, plus additional option types (dropdowns, checkboxes, file uploads). Includes 21-day free trial.
  • Variant Configuration Check: Verify the option name is exactly “Size” (case-sensitive) and values are text (S, M, L) rather than color values, as Shopify may auto-render color-like values as swatches.

The issue remains unresolved through native theme settings alone; apps or custom development appear necessary.

Summarized with AI on October 24. AI used: claude-sonnet-4-5-20250929.

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.

1 Like

Hi @elizathompson :waving_hand: 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-6th-Sept-2024

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 :down_arrow: :down_arrow: :down_arrow:.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.

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:

  • This is the app setting:

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

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

Hello elizathompson

I hope you are doing well. Since you would like to display sizes (S/M/L) in square boxes instead of color swatches on your product page, you can easily achieve this with the Inkybay – Product Personalizer app.

With Inkybay’s Product Option feature, you can show size options (S/M/L) in square boxes by creating swatch options and also display color swatches alongside size options if you want. Additionally, Inkybay lets you create different options such as dropdowns, radio buttons, checkboxes, text input fields, and even file uploads to give customers a more flexible shopping experience.

Here you can see the result:

No coding is required and simple setup. All option details selected by customers will be automatically included in the order file generated by Inkybay. You can try Inkybay’s free 21-day trial to explore the feature and see how it works for your store.

I hope this will help. If you want, we will be happy to share a demo product with you.

Hi @elizathompson

Check your variant settings

  1. Go to Shopify Admin → Products → Your Product.
  2. Scroll down to Variants and ensure the option name is exactly "Size" (case-sensitive).
  3. Enter your sizes as text (S, M, L, XL), not as colors.

Important: If Shopify thinks it’s a color variant (with color values), the theme may render swatches instead of boxes.

1 Like