Trigger popup via menu

[Baba]

I would like to trigger a popup via a menu item.

I gather this could be achieved by making the popup triggerable by a CSS ID in the menu or somehow triggering a bricks interaction via the menu.
Or some other way.
Unfortunately I am too much of a noob to work it out on my own.

I guess I could add a button next to the menu but I really would like it to be IN the menu as can be seen in the header on opojob.com

This has been asked previously here:

Trigger a Popup via Non-Bricks Element

Looking to trigger a popup from a Max Mega Menu nav item (still waiting on Bricks to fix accessibility issues with the navigation, so using that instead) - but can’t quite manage to figure out how it works, or if it’s possible. With Elementor, for example, you can set up popups to trigger on click of a specific class, which in this case would be, say, .enquire-popup, however even though that’s the class that holds the interaction for internal bricks elements like on-page buttons, it does nothin…

but does not appear to have been answered.

Any help would be greatly appreciated.

[Patric]

Hi Baba

You can trigger the Popup via JavaScript:

Popup Builder

// Open Popup ID 3321 if any element with .brxe-heading or .my-custom-selector class
document.querySelectorAll('.brxe-heading, .my-custom-selector').forEach( (el) => {
	el.addEventListener('click', () => {
		bricksOpenPopup(3321)
	})
})

Cheers

Patric

[Baba]

Took me a while to work out what the popup id was. Needed to post the script in the footer because it did some weird stuff with my logo. But:

It totally works now.

I owe you a beer.