Checkout page layout messed up with woodmart theme

Hi,
My checkout layout has been messed up for the last few days, I thought it was a plugin or custom CSS issue, so I deactivated all the plugins except WooCommerce and removed Custom CSS from the WoodMart but the problem still remained then I shifted to WordPress default theme and the checkout page’s layout error got fixed immediately.

I perform this testing after creating a staging of the latest version of my site.

I have attached the screen of Woodmart active and default theme active below.

Please look into the problem, Thanks

Here is the site info:

### wp-core ###

version: 6.4.1
site_language: en_US
user_language: en_US
timezone: +00:00
permalink: /%postname%/
https_status: true
multisite: false
user_registration: 0
blog_public: 1
default_comment_status: open
environment_type: production
user_count: 12
dotorg_communication: true

### wp-paths-sizes ###

wordpress_path: /home/u790783463/domains/skatessports.com/public_html/updates
wordpress_size: 54.23 MB (56867000 bytes)
uploads_path: /home/u790783463/domains/skatessports.com/public_html/updates/wp-content/uploads
uploads_size: 228.08 MB (239162661 bytes)
themes_path: /home/u790783463/domains/skatessports.com/public_html/updates/wp-content/themes
themes_size: 107.28 MB (112494099 bytes)
plugins_path: /home/u790783463/domains/skatessports.com/public_html/updates/wp-content/plugins
plugins_size: 213.89 MB (224276080 bytes)
database_size: 108.55 MB (113819648 bytes)
total_size: 712.03 MB (746619488 bytes)

### wp-dropins (1) ###

advanced-cache.php: true

### wp-active-theme ###

name: Woodmart Child (woodmart-child)
version: 1.0.0
author: XTemos
author_website: http://xtemos.com
parent_theme: Woodmart (woodmart)
theme_features: core-block-patterns, woocommerce, wc-product-gallery-zoom, widgets-block-editor, post-thumbnails, post-formats, automatic-feed-links, title-tag, html5, menus, editor-style, editor-styles, align-wide, widgets
theme_path: /home/u790783463/domains/skatessports.com/public_html/updates/wp-content/themes/woodmart-child
auto_update: Disabled

### wp-parent-theme ###

name: Woodmart (woodmart)
version: 7.3.2
author: XTemos
author_website: http://themeforest.net/user/xtemos
theme_path: /home/u790783463/domains/skatessports.com/public_html/updates/wp-content/themes/woodmart
auto_update: Disabled

### wp-themes-inactive (2) ###

Twenty Twenty-Four: version: 1.0, author: the WordPress team, Auto-updates disabled
Twenty Twenty-Three: version: 1.3, author: the WordPress team, Auto-updates disabled

### wp-plugins-active (14) ###

Advanced Shipment Tracking for WooCommerce: version: 3.6.2, author: zorem, Auto-updates disabled
Country Based Restrictions for WooCommerce: version: 3.5, author: zorem, Auto-updates disabled
Elementor: version: 3.17.3, author: Elementor.com, Auto-updates disabled
Elementor Pro: version: 3.17.0, author: Elementor.com, Auto-updates disabled
Facebook for WooCommerce: version: 3.1.3, author: Facebook, Auto-updates disabled
Google Listings and Ads: version: 2.5.11, author: WooCommerce, Auto-updates disabled
Rank Math SEO: version: 1.0.206, author: Rank Math, Auto-updates disabled
Rank Math SEO PRO: version: 3.0.49, author: Rank Math, Auto-updates disabled
WooCommerce: version: 8.3.0, author: Automattic, Auto-updates disabled
WooCommerce Blocks: version: 11.5.4, author: Automattic, Auto-updates disabled
WooCommerce Price Based on Country: version: 3.3.2, author: Oscar Gare, Auto-updates disabled
Woodmart Core: author: (undefined), version: 1.0.40, Auto-updates disabled
WooPayments: version: 6.8.0, author: Automattic, Auto-updates disabled
YITH WooCommerce Affiliates: version: 3.1.0, author: YITH, Auto-updates disabled

### wp-plugins-inactive (4) ###

IRivYou - Import Amazon reviews and Aliexpress reviews to woocommerce: version: 2.2.1, author: zizou1988, Auto-updates disabled
Payment Plugins for Stripe WooCommerce: version: 3.3.51, author: Payment Plugins, [email protected], Auto-updates disabled
WooCommerce Amazon Pay: version: 2.5.1, author: Amazon Pay, Auto-updates disabled
WP Rocket: version: 3.15.2, author: WP Media, Auto-updates disabled

### wp-media ###

image_editor: WP_Image_Editor_Imagick
imagick_module_version: 1808
imagemagick_version: ImageMagick 7.1.0-20 Q16-HDRI x86_64 2022-01-22 https://imagemagick.org
imagick_version: 3.7.0
file_uploads: 1
post_max_size: 3072M
upload_max_filesize: 3072M
max_effective_size: 3 GB
max_file_uploads: 20
imagick_limits: 
	imagick::RESOURCETYPE_AREA: 753 GB
	imagick::RESOURCETYPE_DISK: 9.2233720368548E+18
	imagick::RESOURCETYPE_FILE: 37500
	imagick::RESOURCETYPE_MAP: 753 GB
	imagick::RESOURCETYPE_MEMORY: 376 GB
	imagick::RESOURCETYPE_THREAD: 1
	imagick::RESOURCETYPE_TIME: 9.2233720368548E+18
imagemagick_file_formats: 3FR, 3G2, 3GP, AAI, AI, APNG, ART, ARW, ASHLAR, AVI, AVIF, AVS, BGR, BGRA, BGRO, BIE, BMP, BMP2, BMP3, BRF, CAL, CALS, CANVAS, CAPTION, CIN, CIP, CLIP, CMYK, CMYKA, CR2, CR3, CRW, CUBE, CUR, CUT, DATA, DCM, DCR, DCRAW, DCX, DDS, DFONT, DNG, DOT, DPX, DXT1, DXT5, EPDF, EPI, EPS, EPS2, EPS3, EPSF, EPSI, EPT, EPT2, EPT3, ERF, EXR, FARBFELD, FAX, FF, FILE, FITS, FL32, FLV, FRACTAL, FTP, FTS, FTXT, G3, G4, GIF, GIF87, GRADIENT, GRAY, GRAYA, GROUP4, GV, HALD, HDR, HEIC, HEIF, HISTOGRAM, HRZ, HTM, HTML, HTTP, HTTPS, ICB, ICO, ICON, IIQ, INFO, INLINE, IPL, ISOBRL, ISOBRL6, J2C, J2K, JBG, JBIG, JNG, JNX, JP2, JPC, JPE, JPEG, JPG, JPM, JPS, JPT, JSON, K25, KDC, KERNEL, LABEL, M2V, M4V, MAC, MAP, MASK, MAT, MATTE, MEF, MIFF, MKV, MNG, MONO, MOV, MP4, MPC, MPEG, MPG, MRW, MSL, MSVG, MTV, MVG, NEF, NRW, NULL, ORA, ORF, OTB, OTF, PAL, PALM, PAM, PANGO, PATTERN, PBM, PCD, PCDS, PCL, PCT, PCX, PDB, PDF, PDFA, PEF, PES, PFA, PFB, PFM, PGM, PGX, PHM, PICON, PICT, PIX, PJPEG, PLASMA, PNG, PNG00, PNG24, PNG32, PNG48, PNG64, PNG8, PNM, POCKETMOD, PPM, PS, PS2, PS3, PSB, PSD, PTIF, PWP, QOI, RADIAL-GRADIENT, RAF, RAS, RAW, RGB, RGB565, RGBA, RGBO, RGF, RLA, RLE, RMF, RSVG, RW2, SCR, SCT, SFW, SGI, SHTML, SIX, SIXEL, SPARSE-COLOR, SR2, SRF, STEGANO, SUN, SVG, SVGZ, TEXT, TGA, THUMBNAIL, TIFF, TIFF64, TILE, TIM, TM2, TTC, TTF, TXT, UBRL, UBRL6, UIL, UYVY, VDA, VICAR, VID, VIFF, VIPS, VST, WBMP, WEBM, WEBP, WMF, WMV, WMZ, WPG, X, X3F, XBM, XC, XCF, XPM, XPS, XV, XWD, YAML, YCbCr, YCbCrA, YUV
gd_version: 2.3.3
gd_formats: GIF, JPEG, PNG, WebP, BMP, XPM
ghostscript_version: 9.25

### wp-server ###

server_architecture: Linux 4.18.0-305.12.1.lve.el7h.x86_64 x86_64
httpd_software: LiteSpeed
php_version: 8.0.28 64bit
php_sapi: litespeed
max_input_variables: 5000
time_limit: 480
memory_limit: 3072M
max_input_time: 480
upload_max_filesize: 3072M
php_post_max_size: 3072M
curl_version: 7.84.0 OpenSSL/1.1.1p
suhosin: false
imagick_availability: true
pretty_permalinks: true
htaccess_extra_rules: true
current: 2023-11-21T14:51:28+00:00
utc-time: Tuesday, 21-Nov-23 14:51:28 UTC
server-time: 2023-11-21T14:51:25+00:00

### wp-database ###

extension: mysqli
server_version: 10.5.19-MariaDB-cll-lve
client_version: mysqlnd 8.0.28
max_allowed_packet: 1073741824
max_connections: 2000

### wp-constants ###

WP_HOME: undefined
WP_SITEURL: undefined
WP_CONTENT_DIR: /home/u790783463/domains/skatessports.com/public_html/updates/wp-content
WP_PLUGIN_DIR: /home/u790783463/domains/skatessports.com/public_html/updates/wp-content/plugins
WP_MEMORY_LIMIT: 40M
WP_MAX_MEMORY_LIMIT: 3072M
WP_DEBUG: false
WP_DEBUG_DISPLAY: true
WP_DEBUG_LOG: false
SCRIPT_DEBUG: false
WP_CACHE: false
CONCATENATE_SCRIPTS: undefined
COMPRESS_SCRIPTS: undefined
COMPRESS_CSS: undefined
WP_ENVIRONMENT_TYPE: Undefined
WP_DEVELOPMENT_MODE: undefined
DB_CHARSET: utf8
DB_COLLATE: undefined

### wp-filesystem ###

wordpress: writable
wp-content: writable
uploads: writable
plugins: writable
themes: writable
mu-plugins: writable

Attachments:

You must be logged in to view attached files.

Hello,

It looks like you replaced the default [woocommerce_checkout] shortcode with the new checkout Gutenberg block. You need to restore the checkout shortcode on the checkout page to make it work as before.

Kind Regards

Hi,

I have been using the Gutenberg block checkout for a long time, and it was working fine with WoodMart. Please look into where it’s creating that problem, and it’s clear that the problem is being caused by the WoodMart theme as you see in my above response.

I have switched to the default checkout page and its layout is also disturbed (See the Image attached below), but even if it’s working fine I would never use the default Checkout because it looks so disgusting, WoodMart should have its own checkout and cart page templates.

Thanks

Attachments:

You must be logged in to view attached files.

Hello,

We didn’t add Gutenberg checkout support yet and we don’t know how it worked before on your website. Can you restore a backup so we can see how it worked earlier and see what is changed?

Kind Regards

Hi,

I will upload the old backup of the site and share it with you if it’s there.

But for now, let’s forget about the Gutenberg checkout for a second, even the default Checkout’s layout is disturbed, why?

Please look into it. Thanks

Hello,

Please, disable all plugins that are not related to our theme and provide us with your admin access. We will log in and check what is wrong there. You can leave only the following plugins that are required for our theme:
WoodMart core
WooCommerce
Elementor/WPBakery page builder

Thank you in advance

Hi,

I have restored last month’s backup on my main site (check the link in private content) to show that Gutenberg checkout was working perfectly before, we also made many sales that month.

I have also attached the login details of the staging site where the problem occured.

Thanks

We have restored a default checkout shortcode and it works well now https://gyazo.com/afab26f41a8425b094ae18b0bfff02e4

Ok, thanks,

What about Gutenberg checkout, did you check the main site link I proide.?

I can’t go with default checkout, it so old and terrible UI for a conversion.

Make sure that you using [woocommerce_cart] shortcode and not the Gutenberg block there. You can see how it is made on the checkout page.

Ok, thanks,

What about Gutenberg checkout, did you check the main site link I proide.?

I can’t go with default checkout, it so old and terrible UI for a conversion.

As we can see, it has a default WooCommerce styling on your main website now. Could you please clarify what steps should we take to see it broken on your website?

My main site name is attached in private content, please see it.

I also attached the screenshot of checkout page of my main site incase you are having any problem in visiting the main site.

You can clearly see that its Gutenberg checkout not the default one nad its also working like a charm. I restored the backup of last month,

Attachments:

You must be logged in to view attached files.

OK, so now please reproduce the issue with a broken checkout and we will see what is wrong.

Sorry I dont understand what you actually meant. you mean open another support forum?

We need you to show us the broken checkout problem. Where we can see it now? How to reproduce the initial problem?

Hi,

The problem has been identified, as I told you before it is WoodMart theme problem, I updated all the plugins one by one and nothing happened, I then deactivated all the plugins except WoodMart core, WooCommerce, and Elementor.

I have child theme activated, As soon as I update the WoodMart theme to the latest version. This problem happened again on my main site.

Hi,

The problem has been identified, as I told you before it is WoodMart theme problem, I updated all the plugins one by one and nothing happened, I then deactivated all the plugins except WoodMart core, WooCommerce, and Elementor.

I have child theme activated, As soon as I update the WoodMart theme to the latest version. This problem happened again on my main site.

Visit the site and see it yourself. Thanks

Make sure to answer my above response

Also, tell me how to downgrade the WoodMart theme to the previous version. I need Version: 7.3.

Am attaching my email below send me a zip file. Thanks

Firstly, you need to disable this option https://gyazo.com/2058c09bd54d9bdb6ce4ae2c9a1c87d6
Next, disable the wide alignment for the checkout block https://gyazo.com/350bf60942608b4d5cfae2c55771839a

It’s working fine now with the latest version of WoodMart, but now I have to do all the work manually again which was done in the past month :(.

let’s hope it won’t break again with WoodMart update.

Please submit two things to your team.
1) Provide WoodMart’s attractive cart and checkout templates.
2) Make WoodMart highly compatible with Gutenberg checkout.

I don’t think anyone can live with the default cart or checkout coz it looks terrible.

Thank you for the feedback. If you still have any questions or issues with the checkout, let us know and we will do our best to help you.

Yes, we have plans to test the new checkout and make it fully compatible with our theme in future updates.

Kind Regards

Hi,

The problem occurred again.

Yesterday, I had WoodMart 7.3.3 with everything else up to date. (No problem)

I updated WoodMart to 7.3.4 (The problem occurred), but after 1 hour the problem solved when you get access of my site at the response #514937.

Today, I checked my site again and the problem is still there.

Please look at the problem and provide me WoodMart 7.3.3 to my email. email is added below.

Thanks

The problem has been fixed. I disabled the Gutenberg style by mistake.

Thanks, you can close this thread

We are glad that you sorted it out! Feel free to contact us if you have any further questions.

[Author]

Posts