1306 lines
43 KiB
Markdown
1306 lines
43 KiB
Markdown
# 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)
|
||
|
||
<!-- START Autogenerated - DO NOT EDIT -->
|
||
|
||
## 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
|
||
|
||
## Related Products - woocommerce/related-products
|
||
|
||
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 options.
|
||
|
||
- **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
|
||
|
||
## Shipping Method - 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
|
||
|
||
## 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
|
||
|
||
## Featured Product - woocommerce/featured-product
|
||
|
||
Highlight a product or variation.
|
||
|
||
- **Name:** woocommerce/featured-product
|
||
- **Category:** woocommerce
|
||
- **Ancestor:**
|
||
- **Parent:**
|
||
- **Supports:** align (full, wide),~~html~~,color (background, text),spacing (padding),multiple
|
||
- **Attributes:** alt,contentAlign,dimRatio,editMode,focalPoint,imageFit,hasParallax,isRepeated,mediaId,mediaSrc,minHeight,linkText,overlayColor,overlayGradient,productId,previewProduct,showDesc,showPrice
|
||
|
||
## 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 'additional' 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
|
||
|
||
## Product Categories List - woocommerce/product-categories
|
||
|
||
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 (Beta) - 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
|
||
|
||
## 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
|
||
|
||
## 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
|
||
|
||
## 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 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:**
|
||
|
||
## Pager - woocommerce/product-gallery-pager
|
||
|
||
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
|
||
|
||
<!-- END Autogenerated - DO NOT EDIT -->
|