WP Manifestindependent plugin directory
manifest / ecommerce / gutenberg-block-editor-for-woocommerce-products

Create Products using the Block Editor for WooCommerce

Enable the Gutenberg Block Editor for creating Products in WooCommerce

by Seth Miller · github.com/flexseth/gutenberg-block-editor-for-woocommerce-products · website

★ 0stars
0forks

Install

No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:

wp plugin install https://github.com/flexseth/gutenberg-block-editor-for-woocommerce-products/archive/refs/heads/main.zip

Readme

Enable the Block Editor for WooCommerce Products

Create and edit WooCommerce products with the Block Editor.

Step 1: Turn on the Block Editor WooCommerce > Settings > Products > Editor WooCommerce Settings - Enable Block Editor option

Create and edit products

Activate and make a new product, or edit an existing one.

Product editor with Block Editor enabled

Description

By default, WooCommerce uses its own classic editor for product pages. This plugin enables the modern WordPress Block Editor - Gutenberg - for WooCommerce products, allowing you to use blocks and the full site editing experience when creating and editing products.

Features

  • Enables Block Editor for WooCommerce product post type
  • Makes WooCommerce product categories and tags available in the REST API
  • Lightweight and simple implementation
  • No configuration needed - just activate and use

Usage

Once activated, the plugin automatically enables the Block Editor for all WooCommerce products. Simply create or edit a product, and you'll see the Block Editor interface instead of the classic editor.

Requirements

  • WordPress 5.8 or higher
  • PHP 7.4 or higher
  • WooCommerce plugin installed and activated

Installation

  1. Download the plugin files
  2. Upload the flexy-wc-product-block-editor directory to /wp-content/plugins/
  3. Activate the plugin through the 'Plugins' menu in WordPress
  4. WooCommerce products will now use the Block Editor

Alternatively, you can enable the Block Editor through WooCommerce settings.

Technical Details

The plugin uses two main WordPress filters:

  • use_block_editor_for_post_type - Enables the block editor for the 'product' post type
  • woocommerce_taxonomy_args_product_cat & woocommerce_taxonomy_args_product_tag - Makes product taxonomies available in the REST API for use with the block editor

License

This plugin is licensed under the GPL v2 or later.

Read the full README on GitHub →