I want to open model popup on menu sub item click

When I click on my menu sub item I want to open a pop up to fill Full Name, Mobile Number and Email Address When user submit that form I need redirect my page Give me best way for that in your theme

THis is the screen short

This is the screen short

Attachments:

You must be logged in to view attached files.

This is the screen short

Sorry my above screen shot is wrong

Attachments:

You must be logged in to view attached files.

Hello,

You can achieve this using the built-in Popup Builder feature of the theme.

Please follow this approach:

Create your pop-up and add a form with the fields (Full Name, Mobile Number, Email Address). In the pop-up settings, set the trigger type to “On selector click”.
https://postimg.cc/LgFBhRXg

Then make sure the selector is correctly matched between the menu item and the pop-up settings:

In the Popup trigger settings, use the selector with a dot, for example
.details https://postimg.cc/LgFBhRXg

In the menu item, add the class name in the “CSS Classes (optional)” field without the dot,
https://postimg.cc/8sJPWBq3

This way, when the user clicks that menu item, the pop-up will open correctly.

You can also refer to the documentation for more details:
https://xtemos.com/docs-topic/popup-builder/

Best Regards

I do not have Elementor pro so I am not able to see Popup settings.

What is the solution now

Hello,

You do not need Elementor Pro for this.

WoodMart has its own built-in Popup Builder (theme feature), so you can create and manage popups directly from the dashboard > Popup.

You can also refer to the documentation for more details:
https://xtemos.com/docs-topic/popup-builder/

Best Regards

[Author]

Posts