More than 100 variants without apps - horizon

[santiagorossi]

Hi Everyone, I need to make 3 options for my products:

frame type

size

Color ( in some cases multi color)

I manage to do it just fine, but in some products I want to offer more options for colors( this last one to be shown in swatches)  and I can’t go over 100 variants as everyone knows,

I’ve found some ways to go around in dawn but I’m using horizon and it does not work,  I imagine that the way to go will be metafields, does anybody know how can this be done without apps? 

[StevenT_A7 · Accepted solution]

Hi @santiagorossi , You can try this solution and do let me know if you need furthermore clarifications ! 

Create Metafield for Extra Colors:

• Go to Settings > Custom data > Products.

• Add a new metafield:

  • Namespace and key: custom.extra_colors

  • Type: List of single-line text

• Add Color Options to Each Product:

  • In the product page admin, fill in colors like:

    Red, Blue, Green, etc., 

• Edit Product Template (Horizon Theme):-Inmain-product.liquid(or wherever your form is), add:

  {% if product.metafields.custom.extra_colors.size > 0 %}

  <div class="product__color-swatches"> <label>Color</label> {% for color in product.metafields.custom.extra_colors %} <label style="background-color: {{ color | downcase }}; width: 30px; height: 30px; border-radius: 50%; display: inline-block; margin: 5px; cursor: pointer;"> <input type="radio" name="properties[Selected Color]" value="{{ color }}" style="display: none;" required> </label> {% endfor %} </div> {% endif %}

  Result:

  • Customers see clickable color swatches.

  • Their choice is passed to the cart and checkout via line item properties

[Easify-Jolie]

Hi @santiagorossi 

If you’re trying to offer more than 100 variants and want to show color options as swatches, I understand it can get tricky—especially when you're trying to avoid using apps.

If you’re unable to find a solution that works without an app, you can consider using Easify Product Options. In my demo, all option types like frame type, size, and conditional logic are available on the free plan, except for add-on pricing.

It’s super easy to set up, doesn’t require any code, and helps you get around Shopify’s 100-variant limit. Feel free to explore it if needed!

• This is the result:

• This is the app setting:

To make sure Color options for modern frame only show up when customers select Modern as Frame Style, simply use Conditional Logic in the Advanced Settings like this:

You can also set add-on price for specific options:

I hope this answer helps solve the problem. If you need further assistance, feel free to reach out to Easify anytime! 🤗