635524b481
* Replace Products (Beta) with Product Collection block in blockified template * Add necessary attributes that influences the look of blocks * Replace Products (Beta) with Product Collection block in product search results * Replace Products (Beta) with Product Collection block in products by attribute * Replace Products (Beta) with Product Collection block in products by category * Replace Products (Beta) with Product Collection block in products by tag * Replace Products (Beta) with Product Collection when transforming from classic product archive * Change the no results content in blockified search results template * Replace Products (Beta) with Product Collection block in product search results * Add product search in no results content of blockified product search result * Add ts-ignore before createBlocksFromInnerBlocksTemplate imports * Add changelog * Remove step of replacing Products (Beta) with Product Collection in compatibility layer tests * Remove step of replacing Products (Beta) with Product Collection in Product Collection tests * Fix lint * Update E2E tests of Product Collection * Adjust Products (Beta) E2E tests * Add Product Collection focus step in E2E tests * Improve the way PC block is focused * Further tests adjustments and new tests comparing classic template with Product Collection * Bring back the click on body * Include tips from reviewer * Enter edit mode, step that I accidentally removde * Bring the E2E test flow with updating product catalog * Change the way of removing focus from PC block in tests * Fix lint * Improve the layout of search in No Results * Use previous patterns in Product Search No Results to preserve translations * Add Search button label in product search form pattern * Fix lint * Improve comment explanation * Extract No Results content to separate pattern in order to make the content translatable * Lint fix * Add missing footer to the blockified Products by Tag template * Exclude woocommerce/patterns from phpcs rules that dont apply there * Make PC block responsive by default in product archive templates * Fix typo * Fix typo --------- Co-authored-by: Manish Menaria <the.manish.menaria@gmail.com> |
||
---|---|---|
.. | ||
.github | ||
.sources | ||
.vscode | ||
.wordpress-org | ||
assets | ||
bin | ||
changelog | ||
docs | ||
packages | ||
patches | ||
storybook | ||
tests | ||
.distignore | ||
.editorconfig | ||
.env | ||
.eslintignore | ||
.eslintrc.js | ||
.gitattributes | ||
.gitignore | ||
.markdownlint.json | ||
.markdownlintignore | ||
.prettierignore | ||
.prettierrc.js | ||
.stylelintrc.json | ||
.wp-env.json | ||
LICENSE | ||
README.md | ||
babel.config.js | ||
composer.json | ||
composer.lock | ||
docker-compose.yml | ||
global.d.ts | ||
package.json | ||
phpcs.xml | ||
phpunit.xml.dist | ||
postcss.config.js | ||
readme.txt | ||
tsconfig.base.json | ||
tsconfig.json | ||
webpack.config.js | ||
wp-cli.yml |
README.md
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
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:
Long-term vision
WooCommerce Blocks are the easiest, most flexible way to build your store's user interface and showcase your products.