checkout page

Hi support, I’ve a couple of issues on the checkout page:

1. the GPAY button is moved at the top of the page instead of under the payment button
2. the bar or the shipment cost exceeds the right border

I attach a printscreen.
Please help me.
thank you

Attachments:

You must be logged in to view attached files.

Hello,

01. You can customize which of these locations show the Google Pay button by going to Payments > Settings and then clicking the Customize link for Apple Pay / Google Pay in the Express Checkouts section. Once there, you can change, Where the Google Pay button shows up.

02. Please add this code to the Theme Settings > Custom CSS > Global:

.wd-free-progress-bar .progress-bar {
  max-width: 350px !important;
}

Best Regards.

Hi,
for item #2, consider the issue closed, thank you!
As for #1, I already setup the express checkout. Look at the image attached. In any case, I cannot define where to display the GPAY button, but usually is below the ADD TO CART button, not on top of the page, like in my case.
How to move to button from the top to below the add to cart button?

Attachments:

You must be logged in to view attached files.

Hello,

You are using the custom layout for a single product page. WoodMart has a special Hook widget in Elementor that you can place to your custom layout and then the plugin will be able to add its custom content there. But I don’t know which one exactly it needs. You can either try to select all hooks one by one or contact plugin developers for help and place the widget anywhere in the layout:
https://xtemos.com/docs-topic/custom-hooks-and-plugins-compatibility/

Best Regards.

[Author]

Posts