Swatchy - Colour Swatches - Variants Out of Order for One Product Only

Shopify Discussion

Topic summary

Variants for a single product display out of order when using the Swatchy – Colour Swatches app, while other products appear normal. The merchant notes the app is generally functional but occasionally buggy, and this product is the only one affected.

Screenshots show the Shopify variant order vs. Swatchy’s swatch order and preview, with Swatchy’s preview also out of order. The product link was provided for reference.

Latest input: A responder asked whether all variants are available at all locations, implying inventory/location availability might be influencing how variants are shown. A screenshot illustrating the locations check was included.

No fix has been confirmed. Proposed next step is to verify each variant’s availability across all locations. Open questions remain about why Swatchy’s preview order differs from the Shopify variant order and whether location or inventory settings are the cause. The discussion is ongoing.

Summarized with AI on December 25. AI used: gpt-5.
1

Hello,

I recently created this site 2 days ago and downloaded ‘Swatchy - Colour Swatches’ app to help make the variants visually better. It worked for the most part and could be a bit buggy sometimes. There is currently ONE product that has the variants completely out of order. Can someone please help?

Product with issue: Classic Leather Watch Strap with Quick Release and Silver Buckle – Grailloom

Variant Order

Variant Order
Variant Order1920×1159 155 KB

Swatchy Order

image
image3372×1902 425 KB

Also curious why their preview is out of order which is causing the only one product out of order.

image
image3464×1938 418 KB

2

Did you check the items available at all locations?

Screenshot 2025-12-25 at 11.10.24
Screenshot 2025-12-25 at 11.10.241516×1172 111 KB

3

There are 2 locations if I click on the drop-down, but locations have the same order as the image above.

4

Hey @MobileMetcon!

The issue is happening regarding the not default order structure based on the Quantity.

The variant that having the more Quantity, show on the first number & vice versa.

5

Hi,

Hope this will help

  • Swatchy is likely using an older cached variant order for that product.Try syncing or toggling swatches off or on inside app.
  • Re type option values to remove hidden characters.
  • Confirm “Use Shopify Variant Order” is enabled in Swatchy.
6

There is no option to order by quantity anywhere on Swatchy or the Product listing.

7

Tried toggling on and off — same issue for that one product.

Order remains an issue regardless of how many variants I put in and out.

There is no “Use Shopify Variant Order” within Swatchy.

This is only an issue for this one Product, the rest is fine.

8

So, the issue might be with the code. It might using the flex-direction reverse or might issue with the liquid condition on how it’s rendering.

9

Hey,

The Swatchy app uses the order of variants as defined in your Shopify admin. If one product’s variants are out of order, it’s typically because the variant order for that specific product was changed in your Shopify admin.

To fix this:

  1. Go to your Shopify admin and navigate to Products.
  2. Find the product “Classic Leather Watch Strap with Quick Release and Silver Buckle”.
  3. Scroll down to the Variants section.
  4. Drag and drop the variants into your desired order.
  5. Save the product. The Swatchy app should then reflect this new order.

Best,
Daniel Smith

10

It is currently in the correct order.

Correct Order
Correct Order1352×1414 71.1 KB

11

Even if I reorder it the other way 22 to 18, it still reflects the same order on the page.

12

Hey @MobileMetcon!

Have you already contacted the app’s chat support? This looks like an app-related issue and they should be able to help.