WooCommerce Blocks
-
I’ve installed the WooCommerce blocks plugin, but when I am going to add the checkout/cart template to the checkout page, it’s showing nothing. Please help
The page I need help with: [log in to see the link]
-
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
- Open the “Checkout” page that was created when you setup WooCommerce from the Pages menu in your wp-admin.
- Delete the shortcode that is used to generate the checkout.
- 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:
- You will then see the new checkout and you’ll be able to use the settings in the block sidebar to make various changes.
- 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.
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.
- The topic ‘WooCommerce Blocks’ is closed to new replies.