woocommerce/plugins/woocommerce-blocks

WooCommerce Blocks

This is the client for WooCommerce + Gutenberg. This package serves as a space to iterate and explore new Blocks and updates to existing blocks for WooCommerce, and how WooCommerce might work with the Block Editor.

Table of Contents

• Documentation
  • Code Documentation
• Getting started with block development
• Long-term vision

Documentation

To find out more about the blocks and how to use them, check out the documentation on WooCommerce.com.

If you want to see what we're working on for future versions, or want to help out, read on.

Code Documentation

• Blocks - Documentation for specific Blocks.
• Editor Components - Shared components used in WooCommerce blocks for the editor (Gutenberg) UI.
• WooCommerce Blocks Handbook - Documentation for designers and developers on how to extend or contribute to blocks, and how internal developers should handle new releases.
• WooCommerce Blocks Storybook - Contains a list and demo of components used in the plugin.

Getting started with block development

Run through the "Writing Your First Block Type" tutorial for a quick course in block-building.

For deeper dive, try looking at the core blocks code, or see what components are available.

Other useful docs to explore:

• InnerBlocks
• apiFetch
• @wordpress/editor
• @wordpress/create-block

Long-term vision

WooCommerce Blocks are the easiest, most flexible way to build your store's user interface and showcase your products.