Variant selecter and preview

Topic summary

A jewelry seller wants to create an interactive charm bar feature where customers can select a base chain, choose multiple charms as variants, and see a live preview showing charm placement on the chain image. The challenge is implementing this with minimal to no budget.

Recommended Solutions:

  • Advanced product options apps suggested include:
    • King Product Options & Variant
    • Globo Product Options
    • Variant Option Product Options
    • Easify Product Options (detailed recommendation)

Easify Product Options Features:

  • Enables live preview of charm placement on chains
  • Allows drag-and-drop positioning of charms
  • Simple setup through Product Personalizer settings
  • “Change Image Position” feature for customer customization

Screenshots demonstrate the app’s configuration interface and resulting customer-facing preview functionality. The discussion provides a curated list of apps with advanced variant/product option capabilities for further exploration.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.

Hi! I sell jewelry on my website and plan to open a charm bar where my customers can customize their own charm bracelet or necklace. Ideally, on the website the cutomer will select their chain, then have the options for charms displayed as variants (charm 1, 2 ,3…). Once a charm has been selected, it will add a preview of the placement on the image of the chain. However, I do not know how to do this and don’t have a large budget, or really even a budget at all. Does anyone know any apps, videos or tools that can help me make this vision available on my website?

Hi @BlueMoonSwim !

For this kind of product options, you will need an advanced variant picker or options application such as, King Product Options & Variant, Globo Product Options, and Variant Option Product Options. Here is the full list of apps that has the feature you are looking for so, you can check them out and see what works best for you: Advanced Variant or Product Options Apps 2024.

Hi @BlueMoonSwim

I recommend Easify Product Options for creating a charm bar on your website. It’s an easy-to-use app that allows customers to select a chain, add charms as variants, and see a live preview of how the charms will look on the chain. This feature is simple to set up and provides a seamless experience for your customers.

  • This is the result

  • This is the app setting

To use live preview feature, you just need to Enable Live Preview in Product Personalizer

If you want to allow your customers to drag and drop or move around the charm, as shown in the store you mentioned, simply enable the Change Image Position feature like this:

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