Product Swatches Variant in a Pop Up Window

Topic summary

  • Goal: Add a “view all our colours” link that opens an on‑page popup (modal, not a new window) listing ~60 color variants as swatches. Selecting a swatch should switch the product to that variant as usual (variant = a specific option like color for a product).

  • OP asked where to place code and noted an example only showed red/blue; they need it to dynamically pull the current product’s color variants.

  • Proposed solution: A third‑party app (Easify Product Options) to show some swatches on the page and the rest in a popup. The reply included screenshots of storefront and app settings (Image/Color Swatches, Product list), and mentioned special steps if inventory must be tracked per color. Images/screenshots are central to understanding that approach.

  • OP declined paid apps, requesting a code‑based solution; the vendor suggested hiring a developer. OP hopes for community help with custom code.

  • Latest status: Another participant asked if a solution was found. No code or final method has been confirmed; the thread remains open. Key open need: a custom modal that reads product variants and binds selection to the native variant picker without third‑party apps.

Summarized with AI on December 26. AI used: gpt-5.

An alternative approach involves hiring developers for customizing your site, albeit it can be more costly and time-consuming than utilizing an app.

So if you change your mind, hope you can give Easify Product Options app a try! :grinning_face_with_smiling_eyes: