How can I add a product options modal to my product page?

Store Design
, , , ,
1

Hi

In the product page, I want to add a product options section where the section is showing as button/ buttons when the client clicks it shows a modal window/pop up where the variants are shown and the pop up closes when the client picks a variants.

Thanks

2

This is a lengthy functionality build. You can’t find a direct solution. If you need custom coding help, feel free to contact.

1 Like
3

I know I can’t find a direct one and I tried coding but not exactly what I need, I will appreciate it If you can help.

4

Create a modal and add the click eventlistener on the button.

  1. Loop through product variant with selector and option html

  2. add the click eventlistener again on variant option and hide the modal

5

Is that it?

6

First try to implement this correctly.

1 Like
7

Thank you, Done.

What is next, please?