Checkout page gets cut off
-
Hi! Could you help me please, it’s a bit urgent. My checkout page doesn’t fit entirely into the page dimensions and the text is cut off.
I didn’t have that problem on the PC where I’m developing it but it’s now on my other PC, on both Chrome and Edge.
Can you help?
Thanks!
Attachments:
You must be
logged in to view attached files.
Hello,
I suggest you enable default templates from the theme, you need to edit those pages and remove all Gutenberg blocks (https://monosnap.com/file/DYynCYO5DELtMiDQW2E99Yhx3TFPCs). Then define such shortcodes for the checkout: https://take.ms/8yG9B , and for the Cart: https://take.ms/1bnqH , then those pages will be shown with the theme’s design.
Kind Regards.
Hi!
Sorry, I’m not quite sure how to do that – I didn’t tweak the page at all since importing the Woodmart theme preset. Looking at the page, I can’t tell which ones are Gutenberg blocks. Looking at them, they also seem locked?
Can you please give me a more detailed walkthrough or help me out?
I can’t seem to have the block delete button that you have.
Thanks very much!
Attachments:
You must be
logged in to view attached files.
Hello,
Here is a video with more details: https://take.ms/SACdK
Let me know if you have any questions.
Kind Regards
Thank you very much for the tutorial, Luke. So to edit the layout further in the future I would have to go into templates, correct? In my templates I only have the ‘Default Kit’, is that where the checkout layout is decided?
Hello,
If you want to make a custom Checkout page (edit template), navigate to Dashboard -> Layouts -> Checkout. I suggest you import the already created template by clicking on the “Add new” button – https://take.ms/C5B4n
Also, check our article about Layouts here – https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/
Kind Regards
.
