App reviews, troubleshooting, and recommendations
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Hello everyone,
I recently came across an online store built with Shopify, where the product variant selector allows customers to choose colors, quantities, and other variants in a very flexible and user-friendly way. It also updates the "Add to Cart" button to show the current price based on the selected options.
I've been researching various apps, but I haven't found one that offers this level of customization. This makes me wonder whether they're using a third-party app or if it's something custom-coded.
Does anyone have any ideas or suggestions on how this could be achieved using an app?
Store is: https://nolaninterior.com/products/magic-sofa-covers
Hello @orioln00 ,
Can you please share the reference store ?
Regards
Guleria
Of course, reference store is https://nolaninterior.com/products/magic-sofa-covers
Thanks for sharing it.
It's a custom module, they use a bundle products concept.
After making the selection you can see in the cart they are different products.
I thought it was that as well, as some bundles app seem to let you "bundle" different products, but they're the same products. When you add them to cart it shows them separately, but whenever you click on them then you see that they link you to the same product (they're variants)
Yes, that's a clever move. They customized it in a way that customers cannot reach these products single page.
Also they disabled the cart page means if anyone tries to access the cart page directly they will redirect to collection/all pages.
btw this whole setup is completely possible with customization.
So you think that it's something custom-coded, right? As it seems that complicated that I doubt any app could offer that
Yes
Estimated rate that someone would ask me in order to code it?
Hey @orioln00,
After checking the reference website and found that there is use " SC Product Options " app for the product options.
Hey!
How did you find it out?
it's from the coding.
Hey! @orioln00,
It looks like the store you mentioned is using a custom or advanced product options setup, likely built with a Shopify app like Infinite Options, Bold Product Options, or King Product Options, or possibly custom-coded with some Liquid and JavaScript tweaks. These setups let you add flexible variant selectors, custom option fields, and dynamic price updates that change the “Add to Cart” button price in real time as customers select different options. If you want this for your own store, check out those apps first, or you may need a developer for a fully tailored solution like the one on that site.
So I guess it's more about apps regarding Product Options than those regarding Product Bundles, right? As the ones of Bundles that I've been trying offer bundles of different products, but not of bundles consisting on different variants of a product. In this particular case, the same product has two variants, one of them being the size and the other one being the color.
If that should be done by a developer, how much would you estimate it to cost?
Hi @orioln00 👋 This can be done with some personalization apps or with just advanced theme customizations as the top swatch is just a pre-selector for the subsequent choices which are glorified upsells; not counting all the other nonsense like sale banner and free-shipping-fill-bar.
So hobbling it together with upsell apps isn't impossible but you'd need one with a stylable UI and javascript api (to connect to the top swatch selector).
A custom app build for a process like that , that would actually bundle , or create bespoke products, is a 4 figure project, not counting frills like having actual color previews in the main image based on all current selections.
Lot cheaper as a theme customization depending on product information architecture.
If you need this customization to make sales then contact me for services.
Contact info in forum signature below ⬇ ⬇ ⬇.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.
Contact paull.newton+shopifyforum@gmail.com for the solutions you need
Save time & money ,Ask Questions The Smart Way
Problem Solved? ✔Accept and Like solutions to help future merchants
Answers powered by coffee Thank Paul with a ☕ Coffee for more answers or donate to eff.org
Hi @orioln00 !
Have you heard of the platform Kickflip?
Kickflip lets your customers customize your products directly on your Shopify store, with a live preview of the final result. For example, they can customize the sofa’s cover, size, color, and instantly see the updated price.
Setting up your product is simple:
You’ll need one image per customizable part, on a transparent background. These images are added to questions that make up your product configuration. Once you're done, you can connect the product to your Shopify store — this creates a new product page with the Kickflip customizer embedded. You can also sync your Kickflip inventory with Shopify.
Kickflip is easy to use for both you and your customers, and we offer a 14-day free trial.
Give it a try!