Elements Reference
Breakdance includes complete WooCommerce page layouts and individual parts for custom layouts. Click an element for its settings and placement requirements. WooCommerce must be active for its elements to be available.
See WooCommerce Overview to choose the page customization guide for your layout. Shared appearance is documented in WooCommerce Global Settings.
Elements
| Element | Purpose |
|---|---|
| Account Page | Customer login and account sections. |
| Cart Contents | Cart product rows, quantity fields, and coupons. |
| Cart Cross Sells | Cross-sell products for items in the cart. |
| Cart Empty Message | Empty-cart message and return-to-shop link. |
| Cart Page | Complete cart layout. |
| Cart Totals | Cart totals and checkout action. |
| Checkout Builder | Container for a custom checkout layout. See its parts below. |
| Checkout Coupon Form | Checkout coupon prompt and entry form. |
| Checkout Login Form | Returning-customer login at checkout. |
| Checkout Page | Complete checkout layout. |
| Mini Cart | Header or page cart with dropdown and sidebar layouts. |
| Order Tracking Page | Order tracking form. |
| Product | Complete individual-product layout. |
| Product Builder | Container and product context for a custom product layout. See its parts below. |
| Products List | Selected products in grid or slider layouts. |
| Related Products | WooCommerce related-product recommendations. |
| Shop Filters | Classic WooCommerce product-archive filters. |
| Shop Page | Current shop or product-archive listing. |
| Upsell Products | Upsells assigned to the current product. |
| Woo Breadcrumb | WooCommerce breadcrumb navigation. |
| Woo Widget | WooCommerce widgets such as product search and product categories. |
Checkout Builder Parts
Keep these elements inside Checkout Builder. Layout containers can sit between the builder and its parts.
| Element | Purpose |
|---|---|
| Checkout Billing Form | Billing fields inside Checkout Builder. |
| Checkout Order Review | Products, shipping choices, and totals inside Checkout Builder. |
| Checkout Payment | Payment methods and order submission inside Checkout Builder. |
| Checkout Shipping Form | Shipping fields inside Checkout Builder. |
Product Builder Parts
These elements use Product Builder for their product context. Their references describe placement requirements. For new custom galleries, a gallery-compatible control can use the Product Gallery dynamic field.
| Element | Purpose |
|---|---|
| Product Cart Button | Product purchase form and variation choices. |
| Product Description | Full product description. |
| Product Excerpt | Short product description. |
| Product Images | Product image gallery controls for existing layouts. |
| Product Info | Additional product information and attributes. |
| Product Meta | SKU and product taxonomy information. |
| Product Price | Formatted product price. |
| Product Rating | Product star rating. |
| Product Reviews | Product reviews and review form. |
| Product Stock | Product stock information. |
| Product Tabs | Tabbed description, additional information, and reviews. |
| Product Title | Product name. |