Product Swatches Variant in a Pop Up Window

Product Swatches Variant in a Pop Up Window

ttonybb
New Member
5 0 0

Hi

 

I have around 60 colour variants and would like to display a link that says ' view all out colours' when you click on it, it will bring a pop up box up with all the colour vaiants. When you choose the colour it acts as it would normally.

 

I do not want a full pop up (opens in new window) but a popup box that opens.

 

Please can anyone help?

Replies 7 (7)
ttonybb
New Member
5 0 0

Hi

 

Thansk for this... where do I add this code?

ttonybb
New Member
5 0 0

This shows the options for red and blue. I want it to pull the relevant product colour variants through 

EasifyApps
Shopify Partner
635 19 53

Hi @ttonybb,

Consider exploring the Easify Product Options app for crafting your color options. This app facilitates a setup where the initial color options group is visible, while the remaining color options can be selected through a popup 🤗.

Here's an illustrative example:

Storefront:

EasifyApps_4-1702615523669.png

EasifyApps_5-1702615542765.png

 

App Settings:

  • Install the app and create a new option set.
  • Add the first visible color option using Image or Color Swatches option types.

EasifyApps_0-1702613946679.png

 

  • Add another color option to be selected within a popup, utilizing the Product list option type.

EasifyApps_2-1702615416496.png

EasifyApps_1-1702615401776.png

 

  • Once all options are configured, designate your main relevant product to integrate the color options.

EasifyApps_3-1702615455891.png

It's worth noting that if you require stock management for all color options, there are specific steps to follow. If this applies to your case, please let me know, and I can provide a detailed setup.

Easify Product Options: Any product options app can help you create custom options, but Easify turns those options into sales and conversions!
Easify Inventory Sync: Automate inventory syncing for Bundles, Duplicates, and Raw Materials. Say goodbye to manual tracking headaches.
Easify Product Attachments: Enrich your store with downloadable content. Easily add PDFs and other files to product or any page.
>>> Try Apps for Free | 24/7 Live Chat Support
ttonybb
New Member
5 0 0

Hi Thanks for that, but i would prefer not to pay for an app.... this must be possible without an app. It is just a popup that pulls through product variants

EasifyApps
Shopify Partner
635 19 53

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! 😄

Easify Product Options: Any product options app can help you create custom options, but Easify turns those options into sales and conversions!
Easify Inventory Sync: Automate inventory syncing for Bundles, Duplicates, and Raw Materials. Say goodbye to manual tracking headaches.
Easify Product Attachments: Enrich your store with downloadable content. Easily add PDFs and other files to product or any page.
>>> Try Apps for Free | 24/7 Live Chat Support
ttonybb
New Member
5 0 0

I am sure there is another alternative, such as the kind contributors on here helping

LauridsW
Visitor
2 0 0

Did you find a solution?