WooCommerce Blocks

Hello @jasim110,

The cart and checkout blocks are blocks you can add within the block editor, not page templates set in the post settings. Make sure you have WooCommerce and WooCommerce Blocks both up to date on your site and try these instructions from our documentation:

Replacing the existing shortcode based checkout

1. Open the “Checkout” page that was created when you setup WooCommerce from the Pages menu in your wp-admin.
2. Delete the shortcode that is used to generate the checkout.
3. Insert the Checkout block by searching for Checkout in the block inserter or navigating to the WooCommerce Blocks section and selecting it from the available blocks:
   
4. You will then see the new checkout and you’ll be able to use the settings in the block sidebar to make various changes.
5. Once you are ready, you can make the changes live by pressing the “Update” button to publish the changes.

I hope that helps, and if you have any further questions please let us know exactly what is going wrong – for instance, is the ‘Checkout’ block not appearing in the list of blocks when you search for it? Any details can help. Thanks!

When I clicked to Place Order button it’s not working, it’s not placing my orders and redirecting to Thank you page. What can I do?

Hey @jasim110,

When I clicked to Place Order button it’s not working, it’s not placing my orders and redirecting to Thank you page. What can I do?

That’s odd. Could you share a copy of your site’s System Status Report with us?

You’ll find it at the top of the page under WooCommerce > Status > Get system report > Copy for support (after you scroll down a bit). Paste the result here in your reply.

Here’s WooCommerce Status Report:

### WordPress Environment ###

WordPress address (URL): https://mariyahsden.com
Site address (URL): https://mariyahsden.com
WC Version: 6.8.0
REST API Version: ? 6.8.0
WC Blocks Version: ? 8.3.1
Action Scheduler Version: ? 3.4.0
Log Directory Writable: ?
WP Version: 6.0.1
WP Multisite: –
WP Memory Limit: 256 MB
WP Debug Mode: –
WP Cron: ?
Language: en_US
External object cache: –

### Server Environment ###

Server Info: Apache
PHP Version: 8.1.8
PHP Post Max Size: 128 MB
PHP Time Limit: 300
PHP Max Input Vars: 1000
cURL Version: 7.71.0
OpenSSL/1.1.1d

SUHOSIN Installed: –
MySQL Version: 5.6.51-cll-lve
Max Upload Size: 128 MB
Default Timezone is UTC: ?
fsockopen/cURL: ?
SoapClient: ?
DOMDocument: ?
GZip: ?
Multibyte String: ?
Remote Post: ?
Remote Get: ?

### Database ###

WC Database Version: 6.6.1
WC Database Prefix: wp_
Total Database Size: 63.93MB
Database Data Size: 55.03MB
Database Index Size: 8.90MB
wp_woocommerce_sessions: Data: 0.19MB + Index: 0.02MB + Engine InnoDB
wp_woocommerce_api_keys: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_woocommerce_attribute_taxonomies: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_woocommerce_downloadable_product_permissions: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wp_woocommerce_order_items: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_woocommerce_order_itemmeta: Data: 0.06MB + Index: 0.03MB + Engine InnoDB
wp_woocommerce_tax_rates: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wp_woocommerce_tax_rate_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_woocommerce_shipping_zones: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_woocommerce_shipping_zone_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_woocommerce_shipping_zone_methods: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_woocommerce_payment_tokens: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_woocommerce_payment_tokenmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_woocommerce_log: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_actionscheduler_actions: Data: 2.02MB + Index: 0.11MB + Engine InnoDB
wp_actionscheduler_claims: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_actionscheduler_groups: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_actionscheduler_logs: Data: 1.02MB + Index: 0.09MB + Engine InnoDB
wp_aioseo_cache: Data: 0.16MB + Index: 0.03MB + Engine InnoDB
wp_aioseo_notifications: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wp_aioseo_posts: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_chaty_contact_form_leads: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_commentmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_comments: Data: 0.02MB + Index: 0.09MB + Engine InnoDB
wp_eg_grids: Data: 0.05MB + Index: 0.02MB + Engine InnoDB
wp_eg_item_elements: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_eg_item_skins: Data: 1.52MB + Index: 0.03MB + Engine InnoDB
wp_eg_navigation_skins: Data: 0.27MB + Index: 0.02MB + Engine InnoDB
wp_e_events: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_e_submissions: Data: 0.02MB + Index: 0.27MB + Engine InnoDB
wp_e_submissions_actions_log: Data: 0.02MB + Index: 0.11MB + Engine InnoDB
wp_e_submissions_values: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_links: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_options: Data: 8.02MB + Index: 0.14MB + Engine InnoDB
wp_postmeta: Data: 13.41MB + Index: 5.94MB + Engine InnoDB
wp_posts: Data: 10.42MB + Index: 0.20MB + Engine InnoDB
wp_revslider_css: Data: 0.13MB + Index: 0.02MB + Engine InnoDB
wp_revslider_css_bkp: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_revslider_layer_animations: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_revslider_layer_animations_bkp: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_revslider_navigations: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_revslider_navigations_bkp: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_revslider_sliders: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_revslider_sliders_bkp: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_revslider_slides: Data: 0.08MB + Index: 0.02MB + Engine InnoDB
wp_revslider_slides_bkp: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_revslider_static_slides: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_revslider_static_slides_bkp: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_termmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_terms: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_term_relationships: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_term_taxonomy: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_usermeta: Data: 0.09MB + Index: 0.03MB + Engine InnoDB
wp_users: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
wp_wc_admin_notes: Data: 0.05MB + Index: 0.00MB + Engine InnoDB
wp_wc_admin_note_actions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_wc_category_lookup: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_wc_customer_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_wc_download_log: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_wc_order_coupon_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_wc_order_product_lookup: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wp_wc_order_stats: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
wp_wc_order_tax_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_wc_product_attributes_lookup: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_wc_product_download_directories: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_wc_product_meta_lookup: Data: 0.02MB + Index: 0.09MB + Engine InnoDB
wp_wc_rate_limits: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_wc_reserved_stock: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_wc_tax_rate_classes: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_wc_webhooks: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_wfblockediplog: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_wfblocks7: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
wp_wfconfig: Data: 2.52MB + Index: 0.00MB + Engine InnoDB
wp_wfcrawlers: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_wffilechanges: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_wffilemods: Data: 8.52MB + Index: 0.00MB + Engine InnoDB
wp_wfhits: Data: 0.22MB + Index: 0.05MB + Engine InnoDB
wp_wfhoover: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_wfissues: Data: 0.05MB + Index: 0.06MB + Engine InnoDB
wp_wfknownfilelist: Data: 4.52MB + Index: 0.00MB + Engine InnoDB
wp_wflivetraffichuman: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_wflocs: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_wflogins: Data: 0.05MB + Index: 0.03MB + Engine InnoDB
wp_wfls_2fa_secrets: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_wfls_settings: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_wfnotifications: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_wfpendingissues: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wp_wfreversecache: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_wfsnipcache: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
wp_wfstatus: Data: 0.14MB + Index: 0.09MB + Engine InnoDB
wp_wftrafficrates: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_wpfm_backup: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_wpgdprc_access_requests: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_wpgdprc_consents: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_wpgdprc_delete_requests: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_wpgdprc_log: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_wt_iew_action_history: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_wt_iew_mapping_template: Data: 0.02MB + Index: 0.00MB + Engine InnoDB

### Post Type Counts ###

attachment: 167
cartflows_flow: 5
cartflows_step: 14
customize_changeset: 1
elementor_library: 15
jet-popup: 1
mc4wp-form: 1
nav_menu_item: 7
page: 31
post: 17
product: 48
revision: 427
services: 7
shop_order: 25
team: 3
testimonial: 3
wa-order-numbers: 1
wp_global_styles: 2
wp_template: 4
wpcf7_contact_form: 1

### Security ###

Secure connection (HTTPS): ?
Hide errors from visitors: ?

### Active Plugins (23) ###

All in One SEO: by All in One SEO Team – 4.2.2
Chaty: by Premio – 2.9.2
Contact Form 7: by Takayuki Miyoshi – 5.6
Essential Grid: by ThemePunch – 3.0.13
Insert Script In Headers And Footers: by Geek Code Lab – 2.0
WPBakery Page Builder: by Michael M - WPBakery.com – 6.8.0
MC4WP: Mailchimp for WordPress: by ibericode – 4.8.7
Members: by MemberPress – 3.2.1
OneClick Chat to Order: by Walter Pinem – 1.0.4.1
Really Simple SSL: by Really Simple Plugins – 5.3.2
Slider Revolution: by ThemePunch – 6.5.14
Side Cart WooCommerce: by XootiX – 2.1
Category Order and Taxonomy Terms Order: by Nsp-Code – 1.6.1
ThemeREX Socials: by ThemeREX – 1.4.3
ThemeREX Updater: by ThemeREX – 1.9.6
ThemeREX Utilities: by ThemeREX – 3.1.3
Checkout Field Editor for WooCommerce: by ThemeHigh – 1.7.1
WooCommerce Blocks: by Automattic – 8.3.1
WooCommerce: by Automattic – 6.8.1
Wordfence Login Security: by Wordfence – 1.0.10
Wordfence Security: by Wordfence – 7.6.0
WP Fastest Cache: by Emre Vona – 1.0.3
WPS Hide Login: by WPServeur
NicolasKulka
wpformation – 1.9.6

### Inactive Plugins (2) ###

Akismet Anti-Spam: by Automattic – 4.2.2
Hello Dolly: by Matt Mullenweg – 1.7.2

### Must Use Plugins (1) ###

WordPress automation by Installatron: by  –

### Settings ###

API Enabled: ?
Force SSL: –
Currency: PKR (?)
Currency Position: left
Thousand Separator: ,
Decimal Separator: .
Number of Decimals: 2
Taxonomies: Product Types: simple (simple)
grouped (grouped)
variable (variable)
external (external)

Taxonomies: Product Visibility: exclude-from-search (exclude-from-search)
exclude-from-catalog (exclude-from-catalog)
featured (featured)
outofstock (outofstock)
rated-1 (rated-1)
rated-2 (rated-2)
rated-3 (rated-3)
rated-4 (rated-4)
rated-5 (rated-5)

Connected to WooCommerce.com: –
Enforce Approved Product Download Directories: –

### WC Pages ###

Shop base: ? Page ID is set
but the page does not exist

Cart: #283 - /cart/
Checkout: #284 - /checkout/
My account: #285 - /my-account/
Terms and conditions: ? Page not set

### Theme ###

Name: CoffeeLuck
Version: 1.4.2
Author URL: https://themerex.net
Child Theme: ? – If you are modifying WooCommerce on a parent theme that you did not build personally we recommend using a child theme. See: How to create a child theme
WooCommerce Support: ?

### Templates ###

Overrides: –

### Admin ###

Enabled Features: activity-panels
analytics
coupons
customer-effort-score-tracks
experimental-products-task
experimental-import-products-task
experimental-fashion-sample-products
experimental-product-tour
shipping-smart-defaults
shipping-setting-tour
homescreen
marketing
mobile-app-banner
navigation
onboarding
onboarding-tasks
remote-inbox-notifications
remote-free-extensions
payment-gateway-suggestions
shipping-label-banner
subscriptions
store-alerts
transient-notices
wc-pay-promotion
wc-pay-welcome-page
wc-pay-subscriptions-page

Disabled Features: minified-js
settings

Daily Cron: ? Next scheduled: 2022-08-19 16:06:48 +05:00
Options: ?
Notes: 61
Onboarding: completed

### Action Scheduler ###

Complete: 305
Oldest: 2022-07-19 13:53:11 +0500
Newest: 2022-08-19 13:25:02 +0500

Failed: 3
Oldest: 2022-07-30 17:44:26 +0500
Newest: 2022-08-18 11:16:42 +0500

Pending: 4
Oldest: 2022-08-19 13:40:02 +0500
Newest: 2022-08-23 03:06:29 +0500

### Status report information ###

Generated at: 2022-08-19 13:30:35 +05:00

When I used the default checkout process of WooCommerce then, it worked fine, but when I going to use the WooCommerce Blocks plugin and their checkout page, the Place order button does not work.

Link: https://mariyahsden.com/shop/

Can someone please help me out? It’s urgent!

Hi @jasim110,

Thanks for the system status.

I noticed that currently the Place Order button doesn’t work when I try to place a test order on your https://mariyahsden.com/checkout/ page.

At the moment, I recommend that you switch back to the default WooCommerce checkout using the woocommerce_checkout shortcode so as not to lose sales.

* https://woocommerce.com/document/woocommerce-shortcodes/

You can then set up a staging site which is ideal for testing the cart and checkout blocks using the WP Staging plugin.

Once the staging site is ready please share its system status and send us more information on how you’re building your cart and checkout so that we can investigate this further without affecting your production site. To share screenshots here’s a handy tool – https://snipboard.io.

Cheers.

Hello! After some digging, I found out that your theme CoffeeLuck is unintentionally hiding a mandatory field in the step address, which is the shipping state.

The CSS causing that is this

div#shipping-state{display:none}

A temporary workaround is to add this css

div#shipping-state{display:block !important}

Make sure to contact the theme author to issue a fix around that.