docs/block-development/reference/block-references.md
This page lists the Woo blocks included in the package. (Incomplete as there are still blocks that are not using block.json definition).
Display the average rating of a product
Display a call to action button which either adds the product to the cart, or links to the product page.
Display the main product image.
Display the price of a product.
Display a product's images.
Display a product’s SKU, categories, tags, and more.
Display the average rating of a product.
Display the review count of a product
Display the average rating of a product with stars
Display related products.
Displays an on-sale badge if the product is on-sale.
Displays the SKU of a product.
Let shoppers know when products are out of stock or on backorder. This block is hidden when products are in stock.
Display a short description about a product.
Display the title of a product.
A group of headers and associated expandable content.
Accordion header.
A single accordion that displays a header and expandable content.
Accordion Panel
Display the currently active filters.
Display a button that lets customers add a product to their cart. Use the added options to optimize for different product types.
Use blocks to create an "Add to cart" area that's customized for different product types, such as variable and grouped.
Display a group of products that can be added to the cart.
A list item template that represents a child product within the Grouped Product Selector block.
Display the product title as a label or paragraph.
Add a way of selecting a child product within the Grouped Product block. Depending on the type of product and its properties, this might be a button, a checkbox, or a link.
Display an input field customers can use to select the number of products to add to their cart.
Displays the description of the selected variation.
A template for attribute name and options that will be applied to all variable products with attributes.
Format the name of an attribute associated with a variable product.
Display the attribute options associated with a variable product.
Display any product variations available to select from and add to cart.
Enable customers to filter the product grid by selecting one or more attributes, such as color.
Enable customers to keep track of their location within the store and navigate back to parent pages.
Display accepted payment methods.
Shows the Cross-Sells block.
Shows the Cross-Sells products.
Allow customers to breeze through with quick payment options.
Column containing cart items.
Block containing current line items in Cart.
Show customers a summary of their order.
Shows the apply coupon form.
Shows the cart discount row.
Shows the cart fee row.
Shows the heading row.
Shows the cart shipping row.
Shows the cart subtotal row.
Shows the cart taxes row.
Shows the subtotal, fees, discounts, shipping and taxes.
Column containing the cart totals.
Contains blocks that are displayed when the cart is empty.
Contains blocks that are displayed when the cart contains products.
Allow customers proceed to Checkout.
Display a link to the cart.
Enable customers to change the sorting order of the products.
Displays the current category description.
Displays the current category title and lets permitted users edit it.
Display a checkout form so your customers can submit orders.
Allow customers to place their order.
Render additional fields in the 'Additional information' location.
Collect your customer's billing address.
Collect your customer's contact information.
Allow customers to breeze through with quick payment options.
Column containing checkout address fields.
Allow customers to add a note to their order.
Show customers a summary of their order.
Shows cart items.
Shows the apply coupon form.
Shows the cart discount row.
Shows the cart fee row.
Shows the cart shipping row.
Shows the cart subtotal row.
Shows the cart taxes row.
Shows the subtotal, fees, discounts, shipping and taxes.
Payment options for your store.
Shows local pickup locations.
Collect your customer's shipping address.
Select between shipping or local pickup.
Display shipping options and rates for your store.
Ensure that customers agree to your Terms & Conditions and Privacy Policy.
Column containing the checkout totals.
Renders classic WooCommerce shortcodes.
Include a coupon code to entice customers to make a purchase.
A block that allows your customers to log in and out of their accounts in your store.
A placeholder block for email content.
Visually highlight a product category and encourage prompt action.
Highlight a product or variation.
Display a selection of hand-picked products in a grid.
Display a button for shoppers to quickly view their cart.
Display a Mini-Cart widget.
Blocks that are displayed when the Mini-Cart is empty.
Contains blocks that display the content of the Mini-Cart.
Block that displays the cart button when the Mini-Cart has products.
Block that displays the checkout button when the Mini-Cart has products.
Block that displays the footer of the Mini-Cart block.
Contains the products table and other custom blocks of filled mini-cart.
Block that displays the products table of the Mini-Cart block.
Block that displays the shopping button when the Mini-Cart is empty.
Block that displays the title of the Mini-Cart block.
Block that displays the items counter part of the Mini-Cart Title block.
Block that displays the 'Your cart' part of the Mini-Cart Title block.
Display next and previous buttons.
Display the list of additional field values from the current order.
Display additional checkout fields from the 'contact' and 'order' locations.
Displays additional information provided by third-party extensions for the current order.
Display the order confirmation billing address.
Display the order confirmation billing section.
Allow customers to create an account after their purchase.
Display links to purchased downloads.
Display the downloadable products section.
Display the order confirmation shipping address.
Display the order confirmation shipping section.
Display a "thank you" message, or a sentence regarding the current order status.
Display the order summary on the order confirmation page.
Display the items purchased and order totals.
Display the order details section.
Displays WooCommerce page content.
Display icons for available payment methods.
Enable customers to filter the product grid by choosing a price range.
Display a grid of your all-time best selling products.
Show all product categories as a list or dropdown.
Display a grid of products from your selected categories.
Display a collection of products from your store.
The contents of this block will display when there are no products found.
Displays the description of the product.
Display a product's description, attributes, and reviews
Let shoppers filter products displayed on the page.
Display the currently active filters.
Enable customers to filter the product grid by selecting one or more attributes, such as color.
Display a list of filter options.
Display filter options as chips.
Allows shoppers to clear active filters.
Let shoppers filter products by choosing a price range.
A slider helps shopper choose a price range.
Enable customers to filter the product collection by rating.
Display removable active filters as chips.
Let shoppers filter products by choosing stock status.
Enable customers to filter the product collection by selecting one or more taxonomy terms, such as categories, brands, or tags.
Showcase your products relevant images and media.
Container for the current gallery image, navigation buttons, zoom functionality and more.
Display the Thumbnails of a product.
Display a grid of your newest products.
Display a grid of products currently on sale.
Display the number of products on the archive page or search result page.
Display a product's reviews
Displays the name of the author of the review.
Displays the contents of a product review.
Displays the date on which the review was posted.
Display a product's reviews form.
Displays the rating of a product review.
Contains the block elements used to display product reviews, like the title, author, date, rating and more.
Displays a paginated navigation to next/previous set of product reviews, when applicable.
Displays the next product review's page link.
Displays a list of page numbers for product reviews pagination.
Displays the previous product review's page link.
Displays a title with the number of reviews.
Display product weight, dimensions, and attributes.
Display a grid of products with selected tags.
Contains the block elements used to render a product.
Display a grid of your top rated products.
Display products from your store in a grid layout.
Display a grid of products with selected attributes.
Enable customers to filter the product grid by rating.
Show a list of all product reviews.
Show product reviews from specific categories.
Display reviews for your products.
Display a single product of your choice with full control over its presentation.
Enable customers to filter the product grid by stock status.
Display shopper-facing notifications generated by WooCommerce or extensions.