Request: Add Popup Message on Checkout Page
-
Hi WoodMart Team,
I’d like to ask how to add a popup message on the checkout page.
I want to display a warning message to customers when they open the checkout page, stating that once they’ve selected a payment method and clicked “Place Order”, they won’t be able to change the payment method afterward.
Could you please let me know how I can implement this popup message on the checkout page using WoodMart (either via built-in settings or custom code)?
Thank you for your help!
Hello,
Please follow this guide and create a pop-up builder.
Please check this manual: https://xtemos.com/docs-topic/popup-builder/
Best Regards,
Hi WoodMart Team,
I’ve found the option to create a popup through the WoodMart settings, but I noticed that I can’t edit the popup content using Elementor.
Could you please advise how I can make the popup editable in Elementor?
I’d like to design and customize the popup layout and style directly with Elementor instead of using the default popup editor.
Attachments:
You must be
logged in to view attached files.
Hello,
Navigate to Elementor > Settings > General.
Under “Post Types”, check the option for “Popups” as shown here: https://postimg.cc/wtQ7PjJH.
If you have any questions, feel free to contact us.
Best Regards,
Thanks for your previous help.
I’ve successfully created the popup, and it’s now appearing on the checkout page. However, I noticed that the address selector section overlaps the popup, making the popup message not fully visible.
Could you please help me fix this layout issue?
It might be related to z-index or page structure. Any guidance or CSS adjustment would be appreciated.
I’ve also included private content access details in this ticket, in case you’d like to check the issue directly on my website.
Attachments:
You must be
logged in to view attached files.
Hello,
Try to add the following custom css code in Theme Settings > Custom CSS.
.wd-popup-builder-wrap,
.wd-popup-builder-wrap .wd-popup,
.wd-popup-builder-wrap .wd-popup-inner {
z-index: 99999 !important;
position: relative !important;
}
Best Regards,
Hi Xtemos Team,
Thanks for your previous CSS suggestion, it worked to prevent the popup from being covered.
However, there’s still one issue: the address selector field remains visible between the overlay and the popup.
Ideally, it should be placed behind the overlay, just like the rest of the checkout form.
Could you please help adjust the CSS or provide guidance so that the selector is fully hidden when the popup appears?
Thank you again for your assistance!
Attachments:
You must be
logged in to view attached files.
Hello,
Sorry to say I am unable to access your site: https://postimg.cc/hJ5znFSJ
Best Regards,
Hi Xtemos Team,
The login information I previously shared is correct — please try logging in again.
Also, I have a new issue
Please help adjust the text position (as shown in the screenshot I attached). The text currently overlaps with the element above it, so it needs to be moved slightly downward to avoid the overlap.
Thank you for checking!
Attachments:
You must be
logged in to view attached files.
.
