WooCommerce Product Page Design with Gutenberg



Learn how to create WooCommerce Product Page Design with Gutenberg & WordPress.

If you’re fed up with having boring WooCommerce Product Page Design’s and want to have a little more creative freedom, then this guide will show you how. Learn how to enable the Gutenberg editor in WooCommerce and start taking advantage of all the great tools you have at your disposal.

In this video, I’ll show you how to enable the Gutenberg block editor in WooCommerce and how to build more feature-rich product pages with Stackable Blocks – a free block bundle that has tons of great features as well as some excellent free blocks to help you get started.

The tools covered in this video:

– Stackable (Free) – https://wpstackable.com/
– Stackable Pro – https://jo.my/stackable
– Blocks Navigation – https://woo.wpprowebsite.com/wp-admin/plugins.php
– Blocksy Theme – https://creativethemes.com/blocksy/
– Blocksy Pro – https://jo.my/y67ten

New to WooCommerce? Watch my in-depth tutorial on building an entire eCommerce website with WooCommerce, Blocksy and Gutenberg for free. https://www.youtube.com/watch?v=gNnPX2AEk6U

ENABLE GUTENBERG

// enable gutenberg for woocommerce
function activate_gutenberg_product( $can_edit, $post_type ) {
if ( $post_type == ‘product’ ) {
$can_edit = true;
}
return $can_edit;
}
add_filter( ‘use_block_editor_for_post_type’, ‘activate_gutenberg_product’, 10, 2 );

// enable taxonomy fields for woocommerce with gutenberg on
function enable_taxonomy_rest( $args ) {
$args[‘show_in_rest’] = true;
return $args;
}
add_filter( ‘woocommerce_taxonomy_args_product_cat’, ‘enable_taxonomy_rest’ );
add_filter( ‘woocommerce_taxonomy_args_product_tag’, ‘enable_taxonomy_rest’ );

REMOVE DESCRIPTION HEADING

// Remove the product description Title
add_filter( ‘woocommerce_product_description_heading’, ‘__return_null’ );

Take your WordPress website and skills to the next level!

► THE TOOLS I LOVE ◄
If you like what we do and would like to support us, please consider using these affiliate links when purchasing any of the plugins covered in our tutorials. Thank you for your support.

► EXCLUSIVE WPTUTS DISCOUNTS ◄
✅ WPVivid Backup Pro: https://jo.my/vividpro (use WPTUTS30 for 30% off)
✅ Project Huddle: https://jo.my/etafyp (WPTUTS for 20% off – Exclusive)

► MY PREFERRED HOSTING PROVIDERS ◄
✅ CloudWays: https://jo.my/1feeng8
✅ SiteGround: https://jo.my/sgwptuts

► WORDPRESS VISUAL PAGE BUILDERS ◄
✅ ELEMENTOR PRO: http://bit.ly/2u3mzYX
✅ Brizy Pro: https://bit.ly/2Ji97r8
✅ DIVI 3 Page Builder: http://bit.ly/2HiiDcE

► WORDPRESS THEMES ◄
✅ GeneratePress Premium: http://bit.ly/2Ydn1SE
✅ OCEANWP: http://bit.ly/2fRHBr0
✅ DIVI Theme: http://bit.ly/2G8JMiA
✅ Astra Pro: http://bit.ly/2zruoKn

► WORDPRESS TOOLS ◄
✅ SMART SLIDER 3: http://bit.ly/2G0G1vB
✅ CSSHERO: http://bit.ly/2qbrRl6

► WORDPRESS PLUGINS ◄

✅ SEOPress Pro: https://jo.my/seopress

► SUBSCRIBE ◄
http://bit.ly/2rX7rhu

► LETS CONNECT: ◄
👉 Twitter: https://twitter.com/WPTutz
👉 Facebook Group: https://wptuts.co.uk/facebook

SUPPORT: Our website offers additional information and perks. Please check it out! http://wptuts.co.uk

source