Product selection options

https://www.lensabl.com/products/black-square-sunglasses

This website’s product has step by step process of selecting lenz options such as power, material, type, etc. These options are also forwarded to the checkout page as separate option entities. How can I do this in my store using craft theme?

They are probably using an app because the price changes dynamically on chasing different options.

So this is a bit complex but something like this can be achieved with line item properties in Shopify but the price won’t change dynamically, we can just give the user some fields to choose from different or give extra info.

My dev store: https://shadabs-online-store.myshopify.com/products/ismael-bundle-adidas-colection?_pos=1&_psq=ismael&_ss=e&_v=1.0&pb=0

Password: reafur

See the second section on home page i kind of created a bundle like feature using line item properties. Instead of this we can give the user some fields to choose from in your case type of lens, and other stuffs which you will get as extra info along with the orders and user will also be able to see their selection in cart and order page. The only limitation is the price is static, it will be what you have set in the backend like all normal products.

Best

This looks like a custom code, which shows options and then adds a bunch of products to the cart and redirects to checkout.

Can be implemented on any theme, but is a pretty significant effort.

You may look at product builder/product options apps instead. Custom code can easily worth couple of years of app fees.

Hi @MrMughal
It looks like you’re trying to build a step-by-step flow for selecting lens options like power, material, and type — and have those options show up clearly at checkout.
I’d recommend using the Easify Product Options app. It might not look 100% the same as the website you shared, but you can definitely achieve a similar setup.

The app works great with the Craft theme, lets you create flexible product options, and passes each selection to the checkout as separate line item properties — no coding needed! Here’s an small demo I made for you:

  • This is the result:

You can set different price for different options like this:

If you want options like Lens Color to appear only when the customer selects Transition Lens, use Conditional Logic in the Advanced Settings to set it up.

This app is straightforward, and I believe it will work well for you. Reach out to Easify if you need any assistance! :hugs: