A user added custom code for color swatches to their Shopify store, which caused products without color variants to display duplicate options in the variant picker. For example, non-color variants like “Size” or “Allergy” now appear twice.
Proposed Solutions:
Code-based fix: Locate the theme file where swatches were added (likely product-form.liquid or main-product.liquid). Add a conditional check to the variant loop that only displays swatches when the option name is “Color”, using {% if option.name == 'Color' %}. This prevents other variant types from being duplicated.
App alternative: Use a third-party app like Easify Product Options to create custom product options (color swatches, buttons, dropdowns) without editing theme code. This approach avoids conflicts with Shopify’s default variant system.
The issue remains unresolved as the original poster has not confirmed whether either solution worked. The user prefers not to revert to a previous theme version due to subsequent store changes.
Summarized with AI on October 29.
AI used: claude-sonnet-4-5-20250929.
I added color swatches using code. My products that do not have color as a variant option now show duplicates of my other variant in the variant picker. I have included what it currently looks like. I am not familiar with coding, so I am not sure where to look to get rid of the duplicate variant.
I did duplicate my theme before adding the color swatches. However, since adding the color swatch code there have been a number of other changes to my store so reverting back completely to an older version is not something I would like to do.
You’ll want to go into your theme code and find the file where the swatches were added—usually something like product-form.liquid or main-product.liquid. Inside that file you’ll probably see a loop with something like for option in product.options_with_values.
Right before it starts looping or outputting those swatches, you want to add a check that looks for color only, like this:
{% if option.name == 'Color' %}
{% endif %}
That way, it only shows the swatches when the option name is actually “Color” and ignores the other options like “Size” or “Allergy.”
If you’re running into issues with duplicate variants after adding color swatches by code, Easify Product Options can help! It lets you create custom product options (like color swatches, buttons, checkbox, dropdown, etc.) without touching any code — and works independently from Shopify’s default variant system, so no more display bugs or theme conflicts. Easy setup, clean design, and no need to mess with your theme! Here’s some examples for you:
