Assign new CSS Classe in menu items to a popup

Hi, Thank you for your support

We see in the newsletter menu item a default CSS Classes “woodmart-open-newsletter” class.

how can we assign another popup to another menu item, for example ( contact us ), how could we arrange for new code like “woodmart-open-newsletter” to contact form popup

Thank you

Hello,

Both WP bakery page builder and Elementor have the Popup: https://xtemos.com/docs/woodmart/shortcodes-2/

You can insert in any page and a popup would appear on the button.

If you have any questions please feel free to contact us.

Best Regards

Hi

how to create a new css class name and assign to a new menu item.
We just want to know how to make new css class name to use instead of the default one: (“woodmart-open-newsletter”)

I have a contact form popup(html block), i need to make a css class name for this popup, and then i will add this css class name to (contact us) menu item.. so the question again how to make a css class name for the html block which will be used as a popup.

Thank you for your help

Hello,

You can add woodmart-open-newsletter to any menu item. Find our documentation tutorial about this here: https://xtemos.com/docs/woodmart/create-menu-2/

The content of the popup can be changed by means of the HTML block: https://xtemos.com/docs/woodmart/html-blocks-2/#promo_popup

If you have any questions please feel free to contact us.

Best Regards

Hi,
Thank you brother but you still didn’t get my question,

Let me clarify that :

you have mentioned at this link : https://xtemos.com/docs/woodmart/create-menu-2/ the following:

CSS Classes (optional) allow to insert a class and assign custom CSS, besides inserting class woodmart-open-newsletter would assign menu item to the theme Promo Popup

We want to insert a new class not the class woodmart-open-newsletter

how to make a new class

lets assume we have menu item called ( contact us ) and also we have html block with ( contact form ) , how to connect this menu item to this html block with a custom css class name ( for example ( woodmart-open-contactform ).

Thank you.

Hello,

There is no option to assign a class or ID of a popup to the menu and show by clicking this menu item.

You can add button that would call the popup just right after the menu. You need to do the following;

1. Create HTML block with popup menu item and add the content: https://prnt.sc/1sylpma configure the button vie to be a link: https://gyazo.com/c48289e77e8a8a919fac31f8ca147ce4

2. Add this HTML block into the Header builder https://xtemos.com/docs/woodmart/header-builder/add-edit-builder-elements/ just near the menu and switch the row flex settings https://gyazo.com/61d5d9105c257012147fbba52a2b0576 you will get such view: https://gyazo.com/5f00cb98df3b06eb00593467f6e59583

Finaly you will be able to change the CSS view of the button with custom CSS or with the Advanced typography.

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts