Two different Popup

Hi i want to open two different popup
– One when customer open the website (Sales popup for example) and i know how to manage with promo popup in theme options
– Second when my customer click in the top header Newsletter button (open an html block for example)
Which link i have to use in my menu to open an html block in a popup ???
I try to add the shortcode but it’s not working
Any idea
Thanks

Hello,

You can use the class “woodmart-open-newsletter” in CSS Classes (optional) field. So when someone clicked the link your promo popup will be shown.

Video for clarification: https://jmp.sh/UCNvWSM

But If you don’t want to use promo popup on click event and just use the promo popup when someone visits the site. Then you would better use Popup element.

Insert the Popup element and configure https://gyazo.com/860840ad2f673484cf26656bedd8c8d7 then insert the text block and insert the shortcode https://gyazo.com/cf364bf6448d61dac5c8444ef08bc47f

You can insert any content into the popup element or also shortcode of html block. This element would appear only on the clicking of the button, which is shown on the page where you add the element.

But you can not directly display the button or link of that html block inside your menu. So you have to use that html block outside the menu element in you header.

Screenshot : https://jmp.sh/jUdN0VK

Result: https://jmp.sh/AfS0srZ

Best Regards.

Hi
Thanks that works but i’ve got some problem with the img background of the popup which is not covering as in your demo (screenshot). I just use your predefined html block and add your picture, why it’s not working
Thanks for help

Attachments:

You must be logged in to view attached files.

Most Welcome,

It seems you put margin and padding inside the main row of that html block. Just undo the changes if you put some custom margin or padding.

If after doing this, in case the white margin still shown then share your login credentials I will help you out.

Best Regards.

Hi
I didnt add margin and padding, i just change image in your predefined html block :
[html_block id="212"]
and add a html block for the popup :
[html_block id="2929"]
I give you admin access if you can help me
thanks

Hello,

Your problem is resolved. I removed that white border from your newsletter popup by using the below CSS code in your global custom CSS area under theme settings:

.woodmart-content-popup{
    background-color: transparent;
}

Result: https://jmp.sh/mE2MOiw

Best Regards.

Ok
That’s not what i want…
Cause all the popup would be transparent now
I’ll manage it alone
Thanks anyway
Have a good day

Most Welcome,

No, just the white border is transparent.
Feel free to write back for further assistance. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day :-)

Topic Closed.
Best Regards.

[Author]

Posts