99ba060720
* Product Query: add Feedback Prompt in inspector The prompt doesn't appear at the very bottom as there isn't currently any straightforward way to do this in the block variation. More investigation is required. * Product Query: Change icon, description and name * Product Query: switch to Feature plugin flag * Add all currently available atomic blocks to the default Product Query template * Update feature flags doc * Change SKU and Stock Indicator feature flags * Change feature flags docs * Add title prop to the `FeedbackPrompt` and add a title to the Product Query one * Hacky solution to display the feedback block at the bottom The order of the inspector controls is set in Gutenberg. We can hack our way down by hooking to the “color” group and display our feedback there. Other panels would be displayed below that if added, such as borders and margin. * Reduce Product Query default template * Fix e2e tests after Product Query block name change (https://github.com/woocommerce/woocommerce-blocks/pull/7840) * Product Query: Add a better default pattern (https://github.com/woocommerce/woocommerce-blocks/pull/7833) * Product Query: Add a better default pattern * Product Price: Add bottom margin Co-authored-by: Albert Juhé Lluveras <contact@albertjuhe.com> Co-authored-by: Daniel Dudzic <daniel.dudzic@automattic.com> |
||
|---|---|---|
| .. | ||
| contributors | ||
| designers/theming | ||
| examples | ||
| internal-developers | ||
| third-party-developers/extensibility | ||
| README.md | ||
README.md
WooCommerce Blocks Handbook
Table of Contents
The WooCommerce Blocks Handbook provides documentation for designers and developers on how to extend or contribute to blocks, and how internal developers should handle new releases.
Contributors
Want to contribute to the WooCommerce Blocks plugin? The following documents offer information that can help you get started.
Internal developers
Are you an internal developer? The following documents offer information about the different blocks, the Block Client APIs, the Store API, the templates and the testing process.
- Blocks
- Block Data
- Block Client APIs
- Editor Components
- Icons
- Legacy Build
- Store API (REST API)
- Storybook
- Templates
- Testing
- Translations
Third-party developers
Are you a third-party developer? The following documents explain how to extend the WooCommerce Blocks plugin with your custom extension.
- Extensibility
- Hooks
- REST API
- Checkout Payment Methods
- Checkout Blocks
Designers
Are you a designer? The following documents explain how to apply design-changes to the WooCommerce Blocks plugin.
Developer Resources
Tools
- @woocommerce/extend-cart-checkout-block This is a template to be used with @wordpress/create-block to create a WooCommerce Blocks extension starting point.
- How to integrate with inner blocks in the WooCommerce Blocks Checkout A repository with some example code showing how an extension can register an inner block for use in the Checkout Block.
Articles
The following posts from developer.woocommerce.com provide deeper insights into the WooCommerce Blocks development.
- Store API is now considered stable
- Available Extensibility Interfaces for The Cart and Checkout Blocks
- How The Checkout Block Processes An Order
- New @wordpress/data stores in WooCommerce Blocks
Tutorials
The following tutorials from developer.woocommerce.com help you with extending the WooCommerce Blocks plugin.
- Hiding Shipping and Payment Options in the Cart and Checkout Blocks
- Integrating your Payment Method with Cart and Checkout Blocks
- Exposing Payment Options in the Checkout Block
We're hiring! Come work with us!
🐞 Found a mistake, or have a suggestion? Leave feedback about this document here.