Checkout and order review table

Hi There,

The following CSS is breaking the table that consists Customer details and Order review.

.woocommerce-checkout > :is(.customer-details, .checkout-order-review) {
flex: 0 0 calc(50% – 15px);
max-width: calc(50% – 15px);
}

When a customer using PayPal and forgot to input their email id and phone number the layout is very untidy in the desktop: https://prnt.sc/EXvs9UAGT9MY

Could someone will look into such?

Regards
SP

Hello,

Please make the full backup of your site and check the issue on the Storefront theme to detect if our theme causes the problem. Storefront is a free theme developed by WooСommerce.

Best Regards

Hi Elise,

The storefront link is shared in the private content. Please have a look at it.

Snapshot: https://prnt.sc/fwBSEasKFB1v

Could I ask you please do not change anything online?

Hello,

Do you want to have the checkout one 100% width column?

Please consider using the Woocommerce builder of WoodMart allowing to create custom templates for product pages and other functional pages that are not editable by default. Woocommerce builder is the inbuilt functionality widget included in the builder you use on the site.

Please check this manual: https://xtemos.com/docs-cat/woocommerce-layouts-builder/?theme=woodmart
If you have any questions please feel free to contact us.

Best Regards

Hi Elise,

Checkout page is created woocommerce default layout. Are you recommending create a checkout layout by using Woodmart?

Please let me know earliest possible.

Kind regards
SP

Hello,

Yes, that is what we recommend, if it does solve the issue, insert the site admin access into the Private content below the message area.

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

Best Regards

Nah it did not solve the problem. Could you check when users does not fill the billing details and hit paypal button. The table is completely untidy. When an user uses Amazon Pay the billing details section is very much disjointed.

Hello,

Your custom layout is not activated:https://gyazo.com/9ce5842a25b409f430428a2781c9791b

I checked the page it is not broken on tablet and mobile: https://gyazo.com/d29a115df01d4d890dc707ae55ab83c8

Please enable it and edit as any other page: https://xtemos.com/docs-topic/checkout-page-builder/

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

Best Regards

[Author]

Posts