44 KiB

Raw Blame History

Woo Blocks Reference

This page lists the Woo blocks included in the package. (Incomplete as there are still blocks that are not using block.json definition)

Add to Cart with Options - woocommerce/add-to-cart-form

Display a button so the customer can add a product to their cart. Options will also be displayed depending on product type. e.g. quantity, variation.

Name: woocommerce/add-to-cart-form
Category: woocommerce-product-elements
Ancestor:
Parent:
Supports:
Attributes: isDescendentOfSingleProductBlock

Product Average Rating (Beta) - woocommerce/product-average-rating

Display the average rating of a product

Name: woocommerce/product-average-rating
Category: woocommerce-product-elements
Ancestor: woocommerce/single-product
Parent:
Supports:
Attributes: textAlign

Add to Cart Button - woocommerce/product-button

Display a call to action button which either adds the product to the cart, or links to the product page.

Name: woocommerce/product-button
Category: woocommerce-product-elements
Ancestor: woocommerce/all-products,woocommerce/single-product,core/post-template,woocommerce/product-template
Parent:
Supports: align (full, wide),color (link, text, ~~background~~),interactivity,~~html~~,typography (fontSize, lineHeight)
Attributes: productId,textAlign,width,isDescendentOfSingleProductBlock,isDescendentOfQueryLoop

Product Details - woocommerce/product-details

Display a product's description, attributes, and reviews.

Name: woocommerce/product-details
Category: woocommerce-product-elements
Ancestor:
Parent:
Supports: align,spacing (margin)
Attributes:

Product Image Gallery - woocommerce/product-image-gallery

Display a product's images.

Name: woocommerce/product-image-gallery
Category: woocommerce-product-elements
Ancestor:
Parent:
Supports: align,~~multiple~~
Attributes:

Product Meta - woocommerce/product-meta

Display a product’s SKU, categories, tags, and more.

Name: woocommerce/product-meta
Category: woocommerce-product-elements
Ancestor:
Parent:
Supports: align,~~reusable~~
Attributes:

Product Reviews - woocommerce/product-reviews

A block that shows the reviews for a product.

Name: woocommerce/product-reviews
Category: woocommerce-product-elements
Ancestor:
Parent:
Supports:
Attributes:

Product Rating - woocommerce/product-rating

Display the average rating of a product.

Name: woocommerce/product-rating
Category:
Ancestor:
Parent:
Supports: align
Attributes: productId,isDescendentOfQueryLoop,textAlign,isDescendentOfSingleProductBlock,isDescendentOfSingleProductTemplate

Product Rating Counter - woocommerce/product-rating-counter

Display the review count of a product

Name: woocommerce/product-rating-counter
Category: woocommerce-product-elements
Ancestor: woocommerce/single-product
Parent:
Supports: align
Attributes: productId,isDescendentOfQueryLoop,textAlign,isDescendentOfSingleProductBlock,isDescendentOfSingleProductTemplate

Product Rating Stars - woocommerce/product-rating-stars

Display the average rating of a product with stars

Name: woocommerce/product-rating-stars
Category: woocommerce-product-elements
Ancestor: woocommerce/single-product
Parent:
Supports: align
Attributes: productId,isDescendentOfQueryLoop,textAlign,isDescendentOfSingleProductBlock,isDescendentOfSingleProductTemplate

Display related products.

Name: woocommerce/related-products
Category: woocommerce
Ancestor:
Parent:
Supports: align,~~reusable~~
Attributes:

Active Filters Controls - woocommerce/active-filters

Display the currently active filters.

Name: woocommerce/active-filters
Category: woocommerce
Ancestor:
Parent:
Supports: ~~html~~,~~multiple~~,~~inserter~~,color (text, ~~background~~),~~lock~~
Attributes: displayStyle,headingLevel

Filter by Attribute Controls - woocommerce/attribute-filter

Enable customers to filter the product grid by selecting one or more attributes, such as color.

Name: woocommerce/attribute-filter
Category: woocommerce
Ancestor:
Parent:
Supports: ~~html~~,color (text, ~~background~~),~~inserter~~,~~lock~~
Attributes: className,attributeId,showCounts,queryType,headingLevel,displayStyle,showFilterButton,selectType,isPreview

Store Breadcrumbs - woocommerce/breadcrumbs

Enable customers to keep track of their location within the store and navigate back to parent pages.

Name: woocommerce/breadcrumbs
Category: woocommerce
Ancestor:
Parent:
Supports: align (full, wide),color (link, text, ~~background~~),~~html~~,typography (fontSize, lineHeight)
Attributes: contentJustification,fontSize,align

Accepted Payment Methods - woocommerce/cart-accepted-payment-methods-block

Display accepted payment methods.

Name: woocommerce/cart-accepted-payment-methods-block
Category: woocommerce
Ancestor:
Parent: woocommerce/cart-totals-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,inserter
Attributes:

Cart Cross-Sells - woocommerce/cart-cross-sells-block

Shows the Cross-Sells block.

Name: woocommerce/cart-cross-sells-block
Category: woocommerce
Ancestor:
Parent: woocommerce/cart-items-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,inserter
Attributes:

Cart Cross-Sells Products - woocommerce/cart-cross-sells-products-block

Shows the Cross-Sells products.

Name: woocommerce/cart-cross-sells-products-block
Category: woocommerce
Ancestor:
Parent: woocommerce/cart-cross-sells-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~inserter~~,~~lock~~
Attributes: columns,lock

Express Checkout - woocommerce/cart-express-payment-block

Allow customers to breeze through with quick payment options.

Name: woocommerce/cart-express-payment-block
Category: woocommerce
Ancestor:
Parent: woocommerce/cart-totals-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~inserter~~,~~lock~~
Attributes: lock

Cart Items - woocommerce/cart-items-block

Column containing cart items.

Name: woocommerce/cart-items-block
Category: woocommerce
Ancestor:
Parent: woocommerce/filled-cart-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~inserter~~,~~lock~~
Attributes: lock

Cart Line Items - woocommerce/cart-line-items-block

Block containing current line items in Cart.

Name: woocommerce/cart-line-items-block
Category: woocommerce
Ancestor:
Parent: woocommerce/cart-items-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~inserter~~,~~lock~~
Attributes: lock

Order Summary - woocommerce/cart-order-summary-block

Show customers a summary of their order.

Name: woocommerce/cart-order-summary-block
Category: woocommerce
Ancestor:
Parent: woocommerce/cart-totals-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~inserter~~,~~lock~~
Attributes: lock

Coupon Form - woocommerce/cart-order-summary-coupon-form-block

Shows the apply coupon form.

Name: woocommerce/cart-order-summary-coupon-form-block
Category: woocommerce
Ancestor:
Parent: woocommerce/cart-order-summary-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~
Attributes: className,lock

Discount - woocommerce/cart-order-summary-discount-block

Shows the cart discount row.

Name: woocommerce/cart-order-summary-discount-block
Category: woocommerce
Ancestor:
Parent: woocommerce/cart-order-summary-totals-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~lock~~
Attributes: className,lock

Fees - woocommerce/cart-order-summary-fee-block

Shows the cart fee row.

Name: woocommerce/cart-order-summary-fee-block
Category: woocommerce
Ancestor:
Parent: woocommerce/cart-order-summary-totals-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~lock~~
Attributes: className,lock

Heading - woocommerce/cart-order-summary-heading-block

Shows the heading row.

Name: woocommerce/cart-order-summary-heading-block
Category: woocommerce
Ancestor:
Parent: woocommerce/cart-order-summary-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~
Attributes: className,content,lock

Shipping - woocommerce/cart-order-summary-shipping-block

Shows the cart shipping row.

Name: woocommerce/cart-order-summary-shipping-block
Category: woocommerce
Ancestor:
Parent: woocommerce/cart-order-summary-totals-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~lock~~
Attributes: lock

Subtotal - woocommerce/cart-order-summary-subtotal-block

Shows the cart subtotal row.

Name: woocommerce/cart-order-summary-subtotal-block
Category: woocommerce
Ancestor:
Parent: woocommerce/cart-order-summary-totals-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~lock~~
Attributes: className,lock

Taxes - woocommerce/cart-order-summary-taxes-block

Shows the cart taxes row.

Name: woocommerce/cart-order-summary-taxes-block
Category: woocommerce
Ancestor:
Parent: woocommerce/cart-order-summary-totals-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~lock~~
Attributes: className,lock

Totals - woocommerce/cart-order-summary-totals-block

Shows the subtotal, fees, discounts, shipping and taxes.

Name: woocommerce/cart-order-summary-totals-block
Category: woocommerce
Ancestor:
Parent: woocommerce/cart-order-summary-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~lock~~
Attributes: className,lock

Cart Totals - woocommerce/cart-totals-block

Column containing the cart totals.

Name: woocommerce/cart-totals-block
Category: woocommerce
Ancestor:
Parent: woocommerce/filled-cart-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~inserter~~,~~lock~~
Attributes: checkbox,text,lock

Empty Cart - woocommerce/empty-cart-block

Contains blocks that are displayed when the cart is empty.

Name: woocommerce/empty-cart-block
Category: woocommerce
Ancestor:
Parent: woocommerce/cart
Supports: align (wide),~~html~~,~~multiple~~,~~reusable~~,~~inserter~~,~~lock~~
Attributes: lock

Filled Cart - woocommerce/filled-cart-block

Contains blocks that are displayed when the cart contains products.

Name: woocommerce/filled-cart-block
Category: woocommerce
Ancestor:
Parent: woocommerce/cart
Supports: align (wide),~~html~~,~~multiple~~,~~reusable~~,~~inserter~~,~~lock~~
Attributes: lock

Proceed to Checkout - woocommerce/proceed-to-checkout-block

Allow customers proceed to Checkout.

Name: woocommerce/proceed-to-checkout-block
Category: woocommerce
Ancestor:
Parent: woocommerce/cart-totals-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~inserter~~,~~lock~~
Attributes: lock

Catalog Sorting - woocommerce/catalog-sorting

Enable customers to change the sorting order of the products.

Name: woocommerce/catalog-sorting
Category: woocommerce
Ancestor:
Parent:
Supports: color (text, ~~background~~),typography (fontSize)
Attributes: fontSize

Checkout - woocommerce/checkout

Display a checkout form so your customers can submit orders.

Name: woocommerce/checkout
Category: woocommerce
Ancestor:
Parent:
Supports: align (wide),~~html~~,~~multiple~~
Attributes: isPreview,showCompanyField,requireCompanyField,showApartmentField,showPhoneField,requirePhoneField,align

Actions - woocommerce/checkout-actions-block

Allow customers to place their order.

Name: woocommerce/checkout-actions-block
Category: woocommerce
Ancestor:
Parent: woocommerce/checkout-fields-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~inserter~~,~~lock~~
Attributes: lock

Additional information - woocommerce/checkout-additional-information-block

Render additional fields in the 'Additional information' location.

Name: woocommerce/checkout-additional-information-block
Category: woocommerce
Ancestor:
Parent: woocommerce/checkout-fields-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~
Attributes: className,lock

Billing Address - woocommerce/checkout-billing-address-block

Collect your customer's billing address.

Name: woocommerce/checkout-billing-address-block
Category: woocommerce
Ancestor:
Parent: woocommerce/checkout-fields-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~inserter~~,~~lock~~
Attributes: lock

Contact Information - woocommerce/checkout-contact-information-block

Collect your customer's contact information.

Name: woocommerce/checkout-contact-information-block
Category: woocommerce
Ancestor:
Parent: woocommerce/checkout-fields-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~inserter~~,~~lock~~
Attributes: lock

Express Checkout - woocommerce/checkout-express-payment-block

Allow customers to breeze through with quick payment options.

Name: woocommerce/checkout-express-payment-block
Category: woocommerce
Ancestor:
Parent: woocommerce/checkout-fields-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~inserter~~,~~lock~~
Attributes: className,lock

Checkout Fields - woocommerce/checkout-fields-block

Column containing checkout address fields.

Name: woocommerce/checkout-fields-block
Category: woocommerce
Ancestor:
Parent: woocommerce/checkout
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~inserter~~,~~lock~~
Attributes: className,lock

Order Note - woocommerce/checkout-order-note-block

Allow customers to add a note to their order.

Name: woocommerce/checkout-order-note-block
Category: woocommerce
Ancestor:
Parent: woocommerce/checkout-fields-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~
Attributes: className,lock

Order Summary - woocommerce/checkout-order-summary-block

Show customers a summary of their order.

Name: woocommerce/checkout-order-summary-block
Category: woocommerce
Ancestor:
Parent: woocommerce/checkout-totals-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~inserter~~,~~lock~~
Attributes: lock

Cart Items - woocommerce/checkout-order-summary-cart-items-block

Shows cart items.

Name: woocommerce/checkout-order-summary-cart-items-block
Category: woocommerce
Ancestor:
Parent: woocommerce/checkout-order-summary-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~lock~~
Attributes: className,lock

Coupon Form - woocommerce/checkout-order-summary-coupon-form-block

Shows the apply coupon form.

Name: woocommerce/checkout-order-summary-coupon-form-block
Category: woocommerce
Ancestor:
Parent: woocommerce/checkout-order-summary-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~
Attributes: className,lock

Discount - woocommerce/checkout-order-summary-discount-block

Shows the cart discount row.

Name: woocommerce/checkout-order-summary-discount-block
Category: woocommerce
Ancestor:
Parent: woocommerce/checkout-order-summary-totals-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~lock~~
Attributes: className,lock

Fees - woocommerce/checkout-order-summary-fee-block

Shows the cart fee row.

Name: woocommerce/checkout-order-summary-fee-block
Category: woocommerce
Ancestor:
Parent: woocommerce/checkout-order-summary-totals-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~lock~~
Attributes: className,lock

Shipping - woocommerce/checkout-order-summary-shipping-block

Shows the cart shipping row.

Name: woocommerce/checkout-order-summary-shipping-block
Category: woocommerce
Ancestor:
Parent: woocommerce/checkout-order-summary-totals-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~lock~~
Attributes: lock

Subtotal - woocommerce/checkout-order-summary-subtotal-block

Shows the cart subtotal row.

Name: woocommerce/checkout-order-summary-subtotal-block
Category: woocommerce
Ancestor:
Parent: woocommerce/checkout-order-summary-totals-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~lock~~
Attributes: className,lock

Taxes - woocommerce/checkout-order-summary-taxes-block

Shows the cart taxes row.

Name: woocommerce/checkout-order-summary-taxes-block
Category: woocommerce
Ancestor:
Parent: woocommerce/checkout-order-summary-totals-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~lock~~
Attributes: className,lock

Totals - woocommerce/checkout-order-summary-totals-block

Shows the subtotal, fees, discounts, shipping and taxes.

Name: woocommerce/checkout-order-summary-totals-block
Category: woocommerce
Ancestor:
Parent: woocommerce/checkout-order-summary-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~lock~~
Attributes: className,lock

Payment Options - woocommerce/checkout-payment-block

Payment options for your store.

Name: woocommerce/checkout-payment-block
Category: woocommerce
Ancestor:
Parent: woocommerce/checkout-fields-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~inserter~~,~~lock~~
Attributes: lock

Pickup Method - woocommerce/checkout-pickup-options-block

Shows local pickup locations.

Name: woocommerce/checkout-pickup-options-block
Category: woocommerce
Ancestor:
Parent: woocommerce/checkout-fields-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~inserter~~,~~lock~~
Attributes: lock

Shipping Address - woocommerce/checkout-shipping-address-block

Collect your customer's shipping address.

Name: woocommerce/checkout-shipping-address-block
Category: woocommerce
Ancestor:
Parent: woocommerce/checkout-fields-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~inserter~~,~~lock~~
Attributes: lock

Delivery - woocommerce/checkout-shipping-method-block

Select between shipping or local pickup.

Name: woocommerce/checkout-shipping-method-block
Category: woocommerce
Ancestor:
Parent: woocommerce/checkout-fields-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~inserter~~,~~lock~~
Attributes: lock

Shipping Options - woocommerce/checkout-shipping-methods-block

Display shipping options and rates for your store.

Name: woocommerce/checkout-shipping-methods-block
Category: woocommerce
Ancestor:
Parent: woocommerce/checkout-fields-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~inserter~~,~~lock~~
Attributes: lock

Terms and Conditions - woocommerce/checkout-terms-block

Ensure that customers agree to your Terms & Conditions and Privacy Policy.

Name: woocommerce/checkout-terms-block
Category: woocommerce
Ancestor:
Parent: woocommerce/checkout-fields-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~
Attributes: className,checkbox,text

Checkout Totals - woocommerce/checkout-totals-block

Column containing the checkout totals.

Name: woocommerce/checkout-totals-block
Category: woocommerce
Ancestor:
Parent: woocommerce/checkout
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~inserter~~,~~lock~~
Attributes: className,checkbox,text

Classic Shortcode - woocommerce/classic-shortcode

Renders classic WooCommerce shortcodes.

Name: woocommerce/classic-shortcode
Category: woocommerce
Ancestor:
Parent:
Supports: align,~~html~~,~~multiple~~,~~reusable~~,inserter
Attributes: shortcode,align

Coming Soon - woocommerce/coming-soon

Name: woocommerce/coming-soon
Category: woocommerce
Ancestor:
Parent:
Supports: color (text, ~~background~~)
Attributes: color,storeOnly

Customer account - woocommerce/customer-account

A block that allows your customers to log in and out of their accounts in your store.

Name: woocommerce/customer-account
Category: woocommerce
Ancestor:
Parent:
Supports: align,color (background, text),typography (fontSize),spacing (margin, padding)
Attributes: displayStyle,iconStyle,iconClass

Featured Category - woocommerce/featured-category

Visually highlight a product category and encourage prompt action.

Name: woocommerce/featured-category
Category: woocommerce
Ancestor:
Parent:
Supports: align (full, wide),~~html~~,color (background, text),spacing (padding)
Attributes: alt,contentAlign,dimRatio,editMode,focalPoint,imageFit,hasParallax,isRepeated,mediaId,mediaSrc,minHeight,linkText,categoryId,overlayColor,overlayGradient,previewCategory,showDesc

Filter Block - woocommerce/filter-wrapper

Name: woocommerce/filter-wrapper
Category: woocommerce
Ancestor:
Parent:
Supports:
Attributes: filterType,heading

Hand-picked Products - woocommerce/handpicked-products

Display a selection of hand-picked products in a grid.

Name: woocommerce/handpicked-products
Category: woocommerce
Ancestor:
Parent:
Supports: align (full, wide),~~html~~
Attributes: align,columns,contentVisibility,orderby,products,alignButtons,isPreview

Mini-Cart - woocommerce/mini-cart

Display a button for shoppers to quickly view their cart.

Name: woocommerce/mini-cart
Category: woocommerce
Ancestor:
Parent:
Supports: ~~html~~,~~multiple~~,typography (fontSize)
Attributes: isPreview,miniCartIcon,addToCartBehaviour,hasHiddenPrice,cartAndCheckoutRenderStyle,priceColor,priceColorValue,iconColor,iconColorValue,productCountColor,productCountColorValue

Empty Mini-Cart view - woocommerce/empty-mini-cart-contents-block

Blocks that are displayed when the Mini-Cart is empty.

Name: woocommerce/empty-mini-cart-contents-block
Category: woocommerce
Ancestor:
Parent: woocommerce/mini-cart-contents
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~inserter~~,~~lock~~
Attributes: lock

Filled Mini-Cart view - woocommerce/filled-mini-cart-contents-block

Contains blocks that display the content of the Mini-Cart.

Name: woocommerce/filled-mini-cart-contents-block
Category: woocommerce
Ancestor:
Parent: woocommerce/mini-cart-contents
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~inserter~~,~~lock~~
Attributes: lock

Mini-Cart View Cart Button - woocommerce/mini-cart-cart-button-block

Block that displays the cart button when the Mini-Cart has products.

Name: woocommerce/mini-cart-cart-button-block
Category: woocommerce
Ancestor:
Parent: woocommerce/mini-cart-footer-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,inserter,color (background, text)
Attributes: lock

Mini-Cart Proceed to Checkout Button - woocommerce/mini-cart-checkout-button-block

Block that displays the checkout button when the Mini-Cart has products.

Name: woocommerce/mini-cart-checkout-button-block
Category: woocommerce
Ancestor:
Parent: woocommerce/mini-cart-footer-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,inserter,color (background, text)
Attributes: lock

Mini-Cart Footer - woocommerce/mini-cart-footer-block

Block that displays the footer of the Mini-Cart block.

Name: woocommerce/mini-cart-footer-block
Category: woocommerce
Ancestor:
Parent: woocommerce/filled-mini-cart-contents-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~inserter~~,~~lock~~
Attributes: lock

Mini-Cart Items - woocommerce/mini-cart-items-block

Contains the products table and other custom blocks of filled mini-cart.

Name: woocommerce/mini-cart-items-block
Category: woocommerce
Ancestor:
Parent: woocommerce/filled-mini-cart-contents-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~inserter~~,~~lock~~
Attributes: lock

Mini-Cart Products Table - woocommerce/mini-cart-products-table-block

Block that displays the products table of the Mini-Cart block.

Name: woocommerce/mini-cart-products-table-block
Category: woocommerce
Ancestor:
Parent: woocommerce/mini-cart-items-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~inserter~~,~~lock~~
Attributes: lock

Mini-Cart Shopping Button - woocommerce/mini-cart-shopping-button-block

Block that displays the shopping button when the Mini-Cart is empty.

Name: woocommerce/mini-cart-shopping-button-block
Category: woocommerce
Ancestor:
Parent: woocommerce/empty-mini-cart-contents-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,inserter,color (background, text)
Attributes: lock

Mini-Cart Title - woocommerce/mini-cart-title-block

Block that displays the title of the Mini-Cart block.

Name: woocommerce/mini-cart-title-block
Category: woocommerce
Ancestor:
Parent: woocommerce/filled-mini-cart-contents-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~inserter~~,~~lock~~,color (text, ~~background~~),typography (fontSize)
Attributes: lock

Mini-Cart Title Items Counter - woocommerce/mini-cart-title-items-counter-block

Block that displays the items counter part of the Mini-Cart Title block.

Name: woocommerce/mini-cart-title-items-counter-block
Category: woocommerce
Ancestor:
Parent: woocommerce/mini-cart-title-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~inserter~~,~~lock~~,color (background, text),typography (fontSize),spacing (padding)
Attributes:

Mini-Cart Title Label - woocommerce/mini-cart-title-label-block

Block that displays the 'Your cart' part of the Mini-Cart Title block.

Name: woocommerce/mini-cart-title-label-block
Category: woocommerce
Ancestor:
Parent: woocommerce/mini-cart-title-block
Supports: ~~align~~,~~html~~,~~multiple~~,~~reusable~~,~~inserter~~,~~lock~~,color (background, text),typography (fontSize),spacing (padding)
Attributes: label

Additional Field List - woocommerce/order-confirmation-additional-fields

Display the list of additional field values from the current order.

Name: woocommerce/order-confirmation-additional-fields
Category: woocommerce
Ancestor:
Parent:
Supports: ~~multiple~~,align (full, wide),~~html~~,spacing (margin, padding)
Attributes: align,className

Additional Fields - woocommerce/order-confirmation-additional-fields-wrapper

Display additional checkout fields from the 'contact' and 'order' locations.

Name: woocommerce/order-confirmation-additional-fields-wrapper
Category: woocommerce
Ancestor:
Parent:
Supports: ~~multiple~~,align (full, wide),~~html~~,spacing (margin, padding)
Attributes: heading

Additional Information - woocommerce/order-confirmation-additional-information

Displays additional information provided by third-party extensions for the current order.

Name: woocommerce/order-confirmation-additional-information
Category: woocommerce
Ancestor:
Parent:
Supports: ~~multiple~~,align (full, wide),~~html~~,spacing (margin, padding)
Attributes: align,className

Billing Address - woocommerce/order-confirmation-billing-address

Display the order confirmation billing address.

Name: woocommerce/order-confirmation-billing-address
Category: woocommerce
Ancestor:
Parent:
Supports: ~~multiple~~,align (full, wide),~~inserter~~,~~html~~,color (background, text),typography (fontSize, lineHeight),spacing (margin, padding)
Attributes: align

Billing Address Section - woocommerce/order-confirmation-billing-wrapper

Display the order confirmation billing section.

Name: woocommerce/order-confirmation-billing-wrapper
Category: woocommerce
Ancestor:
Parent:
Supports: ~~multiple~~,align (full, wide),~~html~~,spacing (margin, padding)
Attributes: heading

Order Downloads - woocommerce/order-confirmation-downloads

Display links to purchased downloads.

Name: woocommerce/order-confirmation-downloads
Category: woocommerce
Ancestor:
Parent:
Supports: ~~multiple~~,align (full, wide),~~html~~,typography (fontSize, lineHeight),color (background, gradients, link, text),spacing (margin, padding)
Attributes: align,className

Downloads Section - woocommerce/order-confirmation-downloads-wrapper

Display the downloadable products section.

Name: woocommerce/order-confirmation-downloads-wrapper
Category: woocommerce
Ancestor:
Parent:
Supports: ~~multiple~~,align (full, wide),~~html~~,spacing (margin, padding)
Attributes: heading

Shipping Address - woocommerce/order-confirmation-shipping-address

Display the order confirmation shipping address.

Name: woocommerce/order-confirmation-shipping-address
Category: woocommerce
Ancestor:
Parent:
Supports: ~~multiple~~,align (full, wide),~~inserter~~,~~html~~,color (background, text),typography (fontSize, lineHeight),spacing (margin, padding)
Attributes: align

Shipping Address Section - woocommerce/order-confirmation-shipping-wrapper

Display the order confirmation shipping section.

Name: woocommerce/order-confirmation-shipping-wrapper
Category: woocommerce
Ancestor:
Parent:
Supports: ~~multiple~~,align (full, wide),~~html~~,spacing (margin, padding)
Attributes: heading

Order Status - woocommerce/order-confirmation-status

Display a "thank you" message, or a sentence regarding the current order status.

Name: woocommerce/order-confirmation-status
Category: woocommerce
Ancestor:
Parent:
Supports: ~~multiple~~,align (full, wide),~~html~~,typography (fontSize, lineHeight),color (background, gradients, text),spacing (margin, padding)
Attributes: align,className

Order Summary - woocommerce/order-confirmation-summary

Display the order summary on the order confirmation page.

Name: woocommerce/order-confirmation-summary
Category: woocommerce
Ancestor:
Parent:
Supports: ~~multiple~~,align (full, wide),~~html~~,typography (fontSize, lineHeight),color (background, gradients, text),spacing (margin, padding)
Attributes: align,className

Order Totals - woocommerce/order-confirmation-totals

Display the items purchased and order totals.

Name: woocommerce/order-confirmation-totals
Category: woocommerce
Ancestor:
Parent:
Supports: ~~multiple~~,align (full, wide),~~html~~,typography (fontSize, lineHeight),color (background, gradients, link, text),spacing (margin, padding)
Attributes: align,className

Order Totals Section - woocommerce/order-confirmation-totals-wrapper

Display the order details section.

Name: woocommerce/order-confirmation-totals-wrapper
Category: woocommerce
Ancestor:
Parent:
Supports: ~~multiple~~,align (full, wide),~~html~~,spacing (margin, padding)
Attributes: heading

WooCommerce Page - woocommerce/page-content-wrapper

Displays WooCommerce page content.

Name: woocommerce/page-content-wrapper
Category: woocommerce
Ancestor:
Parent:
Supports: ~~html~~,~~multiple~~,~~inserter~~
Attributes: page

Filter by Price Controls - woocommerce/price-filter

Enable customers to filter the product grid by choosing a price range.

Name: woocommerce/price-filter
Category: woocommerce
Ancestor:
Parent:
Supports: ~~html~~,~~multiple~~,color (text, ~~background~~),~~inserter~~,~~lock~~
Attributes: className,showInputFields,inlineInput,showFilterButton,headingLevel

Best Selling Products - woocommerce/product-best-sellers

Display a grid of your all-time best selling products.

Name: woocommerce/product-best-sellers
Category: woocommerce
Ancestor:
Parent:
Supports: align (full, wide),~~html~~
Attributes: columns,rows,alignButtons,contentVisibility,categories,catOperator,isPreview,stockStatus,editMode,orderby

Show all product categories as a list or dropdown.

Name: woocommerce/product-categories
Category: woocommerce
Ancestor:
Parent:
Supports: align (full, wide),~~html~~,color (link, text, ~~background~~),typography (fontSize, lineHeight)
Attributes: align,hasCount,hasImage,hasEmpty,isDropdown,isHierarchical,showChildrenOnly

Products by Category - woocommerce/product-category

Display a grid of products from your selected categories.

Name: woocommerce/product-category
Category: woocommerce
Ancestor:
Parent:
Supports: align (full, wide),~~html~~
Attributes: columns,rows,alignButtons,contentVisibility,categories,catOperator,isPreview,stockStatus,editMode,orderby

Product Collection - woocommerce/product-collection

Display a collection of products from your store.

Name: woocommerce/product-collection
Category: woocommerce
Ancestor:
Parent:
Supports: align (full, wide),anchor,~~html~~,interactivity
Attributes: queryId,query,tagName,displayLayout,convertedFromProducts,collection,hideControls,queryContextIncludes,forcePageReload,__privatePreviewState

No results - woocommerce/product-collection-no-results

The contents of this block will display when there are no products found.

Name: woocommerce/product-collection-no-results
Category: woocommerce
Ancestor: woocommerce/product-collection
Parent:
Supports: align,~~reusable~~,~~html~~,color (background, gradients, link, text),typography (fontSize, lineHeight)
Attributes:

Product Filter - woocommerce/product-filter

A block that adds product filters to the product collection.

Name: woocommerce/product-filter
Category: woocommerce
Ancestor:
Parent:
Supports: ~~html~~,~~reusable~~
Attributes: filterType,heading,isPreview,attributeId

Product Filter: Active Filters (Beta) - woocommerce/product-filter-active

Display the currently active filters.

Name: woocommerce/product-filter-active
Category: woocommerce
Ancestor: woocommerce/product-filter
Parent:
Supports: interactivity,~~inserter~~,color (text, ~~background~~)
Attributes: displayStyle

Product Filter: Attribute (Beta) - woocommerce/product-filter-attribute

Enable customers to filter the product grid by selecting one or more attributes, such as color.

Name: woocommerce/product-filter-attribute
Category: woocommerce
Ancestor: woocommerce/product-filter
Parent:
Supports: interactivity,~~inserter~~,color (text, ~~background~~)
Attributes: attributeId,showCounts,queryType,displayStyle,selectType,isPreview

Clear - woocommerce/product-filter-clear-button

Allows shoppers to reset this filter.

Name: woocommerce/product-filter-clear-button
Category: woocommerce
Ancestor: woocommerce/product-filter
Parent:
Supports: interactivity,~~inserter~~
Attributes:

Product Filter: Price (Beta) - woocommerce/product-filter-price

Enable customers to filter the product collection by choosing a price range.

Name: woocommerce/product-filter-price
Category: woocommerce
Ancestor: woocommerce/product-filter
Parent:
Supports: interactivity,~~inserter~~
Attributes: showInputFields,inlineInput

Product Filter: Rating (Beta) - woocommerce/product-filter-rating

Enable customers to filter the product collection by rating.

Name: woocommerce/product-filter-rating
Category: woocommerce
Ancestor: woocommerce/product-filter
Parent:
Supports: interactivity,~~inserter~~,color (text, ~~background~~)
Attributes: className,showCounts,displayStyle,selectType,isPreview

Product Filter: Stock Status (Beta) - woocommerce/product-filter-stock-status

Enable customers to filter the product collection by stock status.

Name: woocommerce/product-filter-stock-status
Category: woocommerce
Ancestor: woocommerce/product-filter
Parent:
Supports: interactivity,~~html~~,~~multiple~~,~~inserter~~,color (text, ~~background~~)
Attributes: className,showCounts,displayStyle,selectType,isPreview

Product Filters (Beta) - woocommerce/product-filters

Let shoppers filter products displayed on the page.

Name: woocommerce/product-filters
Category: woocommerce
Ancestor:
Parent:
Supports: align,~~multiple~~,interactivity
Attributes:

Product Gallery (Beta) - woocommerce/product-gallery

Showcase your products relevant images and media.

Name: woocommerce/product-gallery
Category: woocommerce
Ancestor:
Parent:
Supports: align,~~multiple~~,interactivity
Attributes: thumbnailsPosition,thumbnailsNumberOfThumbnails,pagerDisplayMode,productGalleryClientId,cropImages,hoverZoom,fullScreenOnClick,nextPreviousButtonsPosition,mode

Large Image - woocommerce/product-gallery-large-image

Display the Large Image of a product.

Name: woocommerce/product-gallery-large-image
Category: woocommerce
Ancestor: woocommerce/product-gallery
Parent:
Supports: interactivity
Attributes:

Next/Previous Buttons - woocommerce/product-gallery-large-image-next-previous

Display next and previous buttons.

Name: woocommerce/product-gallery-large-image-next-previous
Category: woocommerce
Ancestor: woocommerce/product-gallery-large-image
Parent:
Supports: layout (allowVerticalAlignment, default, ~~allowInheriting~~, ~~allowJustification~~, ~~allowOrientation~~)
Attributes:

Display the gallery pager.

Name: woocommerce/product-gallery-pager
Category: woocommerce
Ancestor: woocommerce/product-gallery
Parent:
Supports:
Attributes:

Thumbnails - woocommerce/product-gallery-thumbnails

Display the Thumbnails of a product.

Name: woocommerce/product-gallery-thumbnails
Category: woocommerce
Ancestor: woocommerce/product-gallery
Parent:
Supports: spacing (margin)
Attributes:

Newest Products - woocommerce/product-new

Display a grid of your newest products.

Name: woocommerce/product-new
Category: woocommerce
Ancestor:
Parent:
Supports: align (full, wide),~~html~~
Attributes: columns,rows,alignButtons,contentVisibility,categories,catOperator,isPreview,stockStatus,editMode,orderby

Product Results Count - woocommerce/product-results-count

Display the number of products on the archive page or search result page.

Name: woocommerce/product-results-count
Category: woocommerce
Ancestor:
Parent:
Supports: color (text, ~~background~~),typography (fontSize)
Attributes:

Products by Tag - woocommerce/product-tag

Display a grid of products with selected tags.

Name: woocommerce/product-tag
Category: woocommerce
Ancestor:
Parent:
Supports: align (full, wide),~~html~~
Attributes: columns,rows,alignButtons,contentVisibility,tags,tagOperator,orderby,isPreview,stockStatus

Product Template - woocommerce/product-template

Contains the block elements used to render a product.

Name: woocommerce/product-template
Category: woocommerce
Ancestor:
Parent:
Supports: ~~inserter~~,~~reusable~~,~~html~~,align (full, wide),anchor,color (background, gradients, link, text),typography (fontSize, lineHeight)
Attributes:

Top Rated Products - woocommerce/product-top-rated

Display a grid of your top rated products.

Name: woocommerce/product-top-rated
Category: woocommerce
Ancestor:
Parent:
Supports: align (full, wide),~~html~~
Attributes: columns,rows,alignButtons,contentVisibility,categories,catOperator,isPreview,stockStatus,editMode,orderby

All Products - woocommerce/all-products

Display products from your store in a grid layout.

Name: woocommerce/all-products
Category: woocommerce
Ancestor:
Parent:
Supports: align (full, wide),~~html~~,~~multiple~~
Attributes: columns,rows,alignButtons,contentVisibility,orderby,layoutConfig,isPreview

Products by Attribute - woocommerce/products-by-attribute

Display a grid of products with selected attributes.

Name: woocommerce/products-by-attribute
Category: woocommerce
Ancestor:
Parent:
Supports: align (full, wide),~~html~~
Attributes: attributes,attrOperator,columns,contentVisibility,orderby,rows,alignButtons,isPreview,stockStatus

Filter by Rating Controls - woocommerce/rating-filter

Enable customers to filter the product grid by rating.

Name: woocommerce/rating-filter
Category: woocommerce
Ancestor:
Parent:
Supports: ~~html~~,~~multiple~~,color,~~inserter~~,~~lock~~
Attributes: className,showCounts,displayStyle,showFilterButton,selectType,isPreview

Single Product - woocommerce/single-product

Display a single product.

Name: woocommerce/single-product
Category: woocommerce
Ancestor:
Parent:
Supports: align (full, wide)
Attributes: isPreview,productId

Filter by Stock Controls - woocommerce/stock-filter

Enable customers to filter the product grid by stock status.

Name: woocommerce/stock-filter
Category: woocommerce
Ancestor:
Parent:
Supports: ~~html~~,~~multiple~~,color,~~inserter~~,~~lock~~
Attributes: className,headingLevel,showCounts,showFilterButton,displayStyle,selectType,isPreview

Store Notices - woocommerce/store-notices

Display shopper-facing notifications generated by WooCommerce or extensions.

Name: woocommerce/store-notices
Category: woocommerce
Ancestor:
Parent:
Supports: ~~multiple~~,align (full, wide)
Attributes: align

44 KiB Raw Blame History Unescape Escape