This is the Commerce blocks reference bundle for Adobe Commerce Storefront on Edge Delivery Services # Commerce blocks reference > Edge Delivery blocks for commerce (placeholders, slots, and block-level documentation) > Generated: 2026-05-14T01:45:56.863Z > Source: https://experienceleague.adobe.com/developer/commerce/storefront --- # B2B Commerce blocks This reference provides a complete list of all B2B commerce blocks available for creating your storefront pages. These blocks power B2B storefronts and provide company management, purchase order workflows, quote negotiation, and requisition list features for business-to-business commerce. ## B2B commerce blocks | Commerce Block | Purpose | Common Usage | |----------------|---------|--------------| | **Company Management** | | | | [Create Company](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-company-create/) | Customers register new companies to access B2B purchasing features | Company registration pages | | [Accept Company Invitation](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-company-accept-invitation/) | Invited users join companies | Invitation acceptance pages | | [Company Profile](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-company-profile/) | Company administrators update business details and contact information | Company profile pages | | [Company Structure](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-company-structure/) | Company administrators organize teams and departments | Company structure pages | | [Company Users](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-company-users/) | Company administrators add team members and manage user access | Company user management pages | | [Company Roles and Permissions](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-company-roles-permissions/) | Company administrators control who can approve orders and access features | Roles and permissions pages | | [Company Credit](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-company-credit/) | Company buyers view credit balances and transaction history | Company credit pages | | [Customer Company](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-customer-company/) | Company users view their company affiliation and job title | Account information pages | | **Purchase Orders** | | | | [Purchase Order Status](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-b2b-po-status/) | Users view order status and take actions like approve, reject, or cancel | Purchase order detail pages | | [Purchase Orders Requiring Approval](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-b2b-po-require-approval-purchase-orders/) | Approvers see orders awaiting their review and prioritize approval processing | Orders for approval pages | | [Purchase Order History Log](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-b2b-po-history-log/) | Users view audit trails showing who approved orders and when actions occurred | Purchase order detail pages | | [Purchase Order Header](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-b2b-po-header/) | Users navigate purchase order details with contextual page headers | Top of purchase order pages | | [Customer Purchase Orders](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-b2b-po-customer-purchase-orders/) | Buyers track their own purchase orders and monitor approval status | My purchase orders pages | | [Company Purchase Orders](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-b2b-po-company-purchase-orders/) | Managers monitor all company spending and track pending approvals | Company purchase orders pages | | [Purchase Order Comments List](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-b2b-po-comments-list/) | Team members view order discussions and approval reasons | Purchase order detail pages | | [Purchase Order Comment Form](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-b2b-po-comment-form/) | Team members communicate about orders and document decisions | Purchase order detail pages | | [Purchase Order Checkout Success](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-b2b-po-checkout-success/) | Buyers receive purchase order confirmation and order numbers | Purchase order confirmation pages | | [Purchase Order Approval Rules List](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-b2b-po-approval-rules-list/) | Administrators view all approval rules and which orders they affect | Approval rules pages | | [Purchase Order Approval Rule Form](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-b2b-po-approval-rule-form/) | Administrators create spending limits and set approval hierarchies | Create approval rule pages | | [Purchase Order Approval Rule Details](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-b2b-po-approval-rule-details/) | Administrators review rule conditions and approval requirements | Approval rule detail pages | | [Purchase Order Approval Flow](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-b2b-po-approval-flow/) | Users view workflow status and who approved or rejected orders | Purchase order detail pages | | **Quotes** | | | | [Negotiable Quote](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-b2b-negotiable-quote/) | Buyers request custom pricing and negotiate terms with your sales team | Quote pages | | [Negotiable Quote Template](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-b2b-negotiable-quote-template/) | Buyers create reusable quote templates for recurring orders | Quote template pages | | [Quote Checkout](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-b2b-quote-checkout/) | Buyers complete negotiated quote purchases with approved pricing | Quote checkout pages | | **Requisition Lists** | | | | [Requisition Lists](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-b2b-requisition-list/) | Buyers create shopping lists for recurring orders | Requisition list pages | | [Requisition List View](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-b2b-requisition-list-view/) | Buyers review and add items to cart from saved requisition lists | Requisition list detail pages | | **Shared Blocks** | | | | [Account Nav](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-account-nav/) | Provides account navigation menu for B2B accounts | Account section navigation | | [Checkout Success](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-checkout-success/) | Displays order confirmation after checkout | Order confirmation pages | ## Setup guides Some blocks require additional setup and configuration beyond the basic block reference: - [Personalization setup](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/content-customizations/personalization/) - Add personalized content to your storefront. - [Product Recommendations setup](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/content-customizations/product-recommendations/) - Set up intelligent product recommendations. ## Using commerce blocks ### Adding a block to your page 1. In the Document Authoring tool, create a table with the block name. 1. Add configuration options as key-value pairs in the table. 1. The block will automatically render when the page is published. If the table parts (block name row, key-value rows, and merged full-width content rows) are new to you, read [How block tables work](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/block-tables/) and then come back to this reference. **Examples:** **Simple block with configuration:**
commerce-company-credit
showHistory true
**Multiple blocks on one page (purchase order detail):**
commerce-b2b-po-header
commerce-b2b-po-status
commerce-b2b-po-approval-flow
commerce-b2b-po-comments-list
commerce-b2b-po-comment-form
### Block naming conventions - All B2B commerce blocks start with "Commerce". - Block names are case-sensitive. - Use the exact spelling shown in this reference. - Hyphens in the reference should be spaces in tables. ### Configuration options Each block has its own set of configuration options. For detailed configuration information: - View the [individual block documentation](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-company-create/) for specific configuration options. - Most blocks have optional configuration (they work with defaults). - Configuration keys are case-sensitive. ## Blocks by page type For B2B storefronts, add these specialized pages: ### Company management pages - **Company registration** - Use the Create Company block. - **Company profile** - Use the Company Profile block. - **Company administration** - Combine Company Structure, Company Users, and Company Roles and Permissions blocks on separate sections or pages. - **Company credit** - Use the Company Credit block. ### Purchase order pages - **Purchase order list** - Use Customer Purchase Orders (for buyers) or Company Purchase Orders (for managers). - **Purchase order detail** - Combine Purchase Order Header, Purchase Order Status, Purchase Order Approval Flow, Purchase Order Comments List, and Purchase Order Comment Form blocks. - **Orders for approval** - Use Purchase Orders Requiring Approval block. - **Approval rules management** - Use Purchase Order Approval Rules List, Purchase Order Approval Rule Form, and Purchase Order Approval Rule Details blocks. ### Quote pages - **Quote management** - Use Negotiable Quote block. - **Quote templates** - Use Negotiable Quote Template block. - **Quote checkout** - Use Quote Checkout block. ### Requisition list pages - **Requisition list management** - Use Requisition Lists block. - **Requisition list detail** - Use Requisition List View block. ## Related resources - [Your first page](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/your-first-page/) - Step-by-step tutorial for creating a page. - [Page metadata](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) - Configure page-level settings. - [Section metadata](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) - Style your page sections. - [B2C Commerce blocks](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/b2c/) - If you're building a B2C storefront, see the B2C blocks reference. ## Need help? - **Missing a block?** All available B2B blocks are listed in the table above. - **Configuration not working?** Review the [individual block documentation](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-company-create/) for exact option names. - **Block not appearing?** Verify the block name is spelled exactly as shown in this reference. --- # B2C Commerce blocks This reference provides a complete list of all B2C commerce blocks available for creating your storefront pages. These blocks power standard B2C storefronts and provide essential shopping, account, and order management features for direct-to-consumer commerce. ## B2C commerce blocks | Commerce Block | Purpose | Common Usage | |----------------|---------|--------------| | **Shopping Experience** | | | | [Product List Page](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/product-list-page/) | Displays product listings with filtering, sorting, and pagination | Category pages, search results pages | | [Product Details](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/product-details/) | Shows detailed product information with images, pricing, and options | Individual product pages (PDP) | | [Product Recommendations](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/content-customizations/product-recommendations/) | Displays AI-powered product recommendations | Product pages, cart page, homepage | | [Commerce Cart](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-cart/) | Shows shopping cart with items, pricing, and cart management | Cart page | | [Commerce Mini Cart](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-mini-cart/) | Displays cart summary in a dropdown or overlay | Site header, global navigation | | **Customer Account** | | | | [Commerce Login](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-login/) | Provides customer login form | Login page, account access page | | [Commerce Forgot Password](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-forgot-password/) | Initiates password reset process | Password recovery page | | [Commerce Create Password](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-create-password/) | Sets new password after reset | Password reset landing page | | [Commerce Addresses](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-addresses/) | Manages shipping and billing addresses | Account address book page | | [Commerce Customer Information](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-customer-information/) | Displays and edits customer profile details | Account profile page | | [Commerce Customer Details](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-customer-details/) | Shows customer information in order context | Order details page | | [Commerce Account Header](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-account-header/) | Displays account navigation and user information | Account section header | | [Commerce Account Sidebar](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-account-sidebar/) | Provides account navigation menu | Account section sidebar | | **Order Management** | | | | [Commerce Orders List](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-orders-list/) | Lists all customer orders with status and details | Order history page | | [Commerce Search Order](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-search-order/) | Allows guest order lookup by order number and email | Guest order tracking page | | [Commerce Order Header](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-order-header/) | Displays order number, date, and status | Order details page header | | [Commerce Order Status](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-order-status/) | Shows detailed order status and tracking information | Order details page | | [Commerce Order Product List](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-order-product-list/) | Lists products in the order with images and details | Order details page | | [Commerce Order Cost Summary](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-order-cost-summary/) | Shows order totals, taxes, shipping, and discounts | Order details page, order confirmation | | [Commerce Shipping Status](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-shipping-status/) | Displays shipment tracking and delivery information | Order details page, tracking page | | **Returns & Exchanges** | | | | [Commerce Returns List](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-returns-list/) | Lists all return requests with status | Account returns page | | [Commerce Create Return](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-create-return/) | Initiates return request with item selection and reasons | Return request page | | [Commerce Order Returns](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-order-returns/) | Shows return details for a specific order | Order details page | | [Commerce Return Header](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-return-header/) | Displays return request number and status | Return details page | | **Gift Options** | | | | [Commerce Gift Options](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-gift-options/) | Allows adding gift messages and gift wrapping | Cart page, checkout page | | **Wishlist** | | | | [Commerce Wishlist](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-wishlist/) | Displays saved items for later purchase | Wishlist page, account section | ## Setup guides Some blocks require additional setup and configuration beyond the basic block reference: - [Personalization setup](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/content-customizations/personalization/) - Add personalized content to your storefront. - [Product Recommendations setup](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/content-customizations/product-recommendations/) - Set up intelligent product recommendations. ## Using commerce blocks ### Adding a block to your page 1. In the Document Authoring tool, create a table with the block name. 1. Add configuration options as key-value pairs in the table. 1. The block will automatically render when the page is published. If the table parts (block name row, key-value rows, and occasional merged full-width content rows) are new to you, read [How block tables work](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/block-tables/) and then come back to this reference. **Example:** | Commerce Cart | | |---------------|---| | Hide Heading | false | | Max Items | 10 | ### Block naming conventions - All commerce blocks start with "Commerce" (except Product blocks). - Block names are case-sensitive. - Use the exact spelling shown in this reference. - Hyphens in the reference (for example, "Mini Cart") should be spaces in tables. ### Configuration options Each block has its own set of configuration options. For detailed configuration information: - View the [individual block documentation](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-cart/) for specific configuration options. - Most blocks have optional configuration (they work with defaults). - Configuration keys are case-sensitive. ## Blocks by page type ### Essential pages Every B2C storefront needs these core pages: - **Homepage**: Product Recommendations, Product List Page - **Product Page**: Product Details, Product Recommendations - **Cart**: Commerce Cart, Product Recommendations - **Checkout**: Commerce Checkout - **Account Dashboard**: Commerce Account Header, Commerce Account Sidebar ### Optional pages Enhance your B2C storefront with these additional pages: - **Wishlist**: Commerce Wishlist - **Order Tracking**: Commerce Search Order, Commerce Order Status - **Returns**: Commerce Create Return, Commerce Returns List - **Address Management**: Commerce Addresses ## Related resources - [Your first page](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/your-first-page/) - Step-by-step tutorial for creating a cart page. - [Page metadata](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) - Configure page-level settings. - [Section metadata](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) - Style your page sections. - [B2B Commerce blocks](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/b2b/) - If you're building a B2B storefront, see the B2B blocks reference. ## Need help? - **Missing a block?** All available B2C blocks are listed in the table above. - **Configuration not working?** Review the [individual block documentation](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/commerce-cart/) for exact option names. - **Block not appearing?** Verify the block name is spelled exactly as shown in this reference. --- # Commerce Account Header Customers see consistent page headers across account pages through this block. Place it at the top of account-related pages. ## Configuration Add this table to your document to configure the block:
commerce-account-header
title My account
### Property descriptions **title**: The header title text displayed to users. Default: `My account`. The block uses default configuration values if custom settings are missing or invalid. ## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style light (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Account Navigation Customers navigate between account sections through this block. Place it on account dashboard pages. ## Requirements Customers must log in to access this block. ## Configuration No configurations available for this block. ## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style light (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Commerce Account Sidebar Customers navigate account sections through this sidebar. Place it on account pages for easy navigation. ## Configuration No configurations available for this block. ## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style light (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Commerce Addresses Customers add, edit, and delete saved addresses through this block. Place it on account address management pages. ## Configuration Add this table to your document to configure the block:
commerce-addresses
minifiedView false
### Property descriptions **minifiedView**: Controls whether addresses are displayed in minified or full view mode. Use `true` for space-constrained layouts like checkout flows. Default: `false`. ### Important notes - Requires user authentication. Unauthenticated users are automatically redirected to the login page. ## Page metadata Configure page-level metadata in the document authoring table below:
metadata
Title Addresses
Template Addresses, Columns
Robots noindex, nofollow
## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style light (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Negotiable Quote Buyers request custom pricing and negotiate terms with your sales team through this block. Place it on quote pages. ## Requirements Customers must log in to access this block. Enable company features and negotiable quotes in **Stores** > **Configuration** > **General** > **B2B Features** > **Enable Company** and **Stores** > **Configuration** > **General** > **B2B Features** > **Enable B2B Quote**. ## Configuration No configurations available for this block. ## Page metadata Configure page-level metadata in the document authoring table below:
metadata
Title Quotes
Robots noindex, nofollow
Cache Control no-store
## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style highlight (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Negotiable Quote Template Buyers save frequently ordered items as templates for faster reordering through this block. Place it on quote template pages. ## Requirements Customers must log in to access this block. Enable company features and negotiable quotes in **Stores** > **Configuration** > **General** > **B2B Features** > **Enable Company** and **Stores** > **Configuration** > **General** > **B2B Features** > **Enable B2B Quote**. ## Configuration No configurations available for this block. ## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style highlight (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Purchase Order Approval Flow Users view workflow status and who approved or rejected orders through this block. Place it on purchase order detail pages. ## Requirements Customers must log in to access this block. Enable company features in **Stores** > **Configuration** > **General** > **B2B Features** > **Enable Company**. Purchase orders are then configured per company. ## Configuration No configurations available for this block. ## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style highlight (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Purchase Order Approval Rule Details Administrators review rule conditions and approval requirements through this block. Place it on approval rule detail pages. ## Requirements Customers must log in to access this block. Enable company features in **Stores** > **Configuration** > **General** > **B2B Features** > **Enable Company**. Purchase orders are then configured per company. ## Configuration No configurations available for this block. ## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style highlight (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Purchase Order Approval Rule Form Administrators create spending limits and set approval hierarchies through this block. Place it on create approval rule pages. ## Requirements Customers must log in to access this block. Enable company features in **Stores** > **Configuration** > **General** > **B2B Features** > **Enable Company**. Purchase orders are then configured per company. ## Configuration No configurations available for this block. ## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style highlight (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Purchase Order Approval Rules List Administrators view all approval rules and which orders they affect through this block. Place it on approval rules pages. ## Requirements Customers must log in to access this block. Enable company features in **Stores** > **Configuration** > **General** > **B2B Features** > **Enable Company**. Purchase orders are then configured per company. ## Configuration No configurations available for this block. ## Page metadata Configure page-level metadata in the document authoring table below:
metadata
Title Approval Rules
Robots noindex, nofollow
Cache Control no-store
## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style highlight (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Purchase Order Checkout Success Buyers receive purchase order confirmation and order numbers through this block. Place it on purchase order confirmation pages. ## Requirements Customers must log in to access this block. Enable company features in **Stores** > **Configuration** > **General** > **B2B Features** > **Enable Company**. Purchase orders are then configured per company. ## Configuration No configurations available for this block. ## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style highlight (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Purchase Order Comment Form Team members communicate about orders and document decisions through this block. Place it on purchase order detail pages. ## Requirements Customers must log in to access this block. Enable company features in **Stores** > **Configuration** > **General** > **B2B Features** > **Enable Company**. Purchase orders are then configured per company. ## Configuration No configurations available for this block. ## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style highlight (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Purchase Order Comments List Team members view order discussions and approval reasons through this block. Place it on purchase order detail pages. ## Requirements Customers must log in to access this block. Enable company features in **Stores** > **Configuration** > **General** > **B2B Features** > **Enable Company**. Purchase orders are then configured per company. ## Configuration No configurations available for this block. ## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style highlight (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Company Purchase Orders Managers monitor all company spending and track pending approvals through this block. Place it on company purchase orders pages. ## Requirements Customers must log in to access this block. Enable company features in **Stores** > **Configuration** > **General** > **B2B Features** > **Enable Company**. Purchase orders are then configured per company. ## Configuration No configurations available for this block. ## Page metadata Configure page-level metadata in the document authoring table below:
metadata
Title Purchase Orders
Robots noindex, nofollow
Cache Control no-store
## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style highlight (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Customer Purchase Orders Buyers track their own purchase orders and monitor approval status through this block. Place it on my purchase orders pages. ## Requirements Customers must log in to access this block. Enable company features in **Stores** > **Configuration** > **General** > **B2B Features** > **Enable Company**. Purchase orders are then configured per company. ## Configuration No configurations available for this block. ## Page metadata Configure page-level metadata in the document authoring table below:
metadata
Title My Purchase Orders
Robots noindex, nofollow
Cache Control no-store
## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style highlight (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Purchase Order Header Users navigate purchase order details with contextual page headers through this block. Place it at the top of purchase order pages. ## Requirements Customers must log in to access this block. Enable company features in **Stores** > **Configuration** > **General** > **B2B Features** > **Enable Company**. Purchase orders are then configured per company. ## Configuration No configurations available for this block. ## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style highlight (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Purchase Order History Log Users view audit trails showing who approved orders and when actions occurred through this block. Place it on purchase order detail pages. ## Requirements Customers must log in to access this block. Enable company features in **Stores** > **Configuration** > **General** > **B2B Features** > **Enable Company**. Purchase orders are then configured per company. ## Configuration No configurations available for this block. ## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style highlight (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Purchase Orders Requiring Approval Approvers see orders awaiting their review and prioritize approval processing through this block. Place it on orders for approval pages. ## Requirements Customers must log in to access this block. Enable company features in **Stores** > **Configuration** > **General** > **B2B Features** > **Enable Company**. Purchase orders are then configured per company. ## Configuration No configurations available for this block. ## Page metadata Configure page-level metadata in the document authoring table below:
metadata
Title Requires My Approval
Robots noindex, nofollow
Cache Control no-store
## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style highlight (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Purchase Order Status Users view order status and take actions like approve, reject, or cancel through this block. Place it on purchase order detail pages. ## Requirements Customers must log in to access this block. Enable company features in **Stores** > **Configuration** > **General** > **B2B Features** > **Enable Company**. Purchase orders are then configured per company. ## Configuration No configurations available for this block. ## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style highlight (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Quote checkout Buyers complete negotiated quote purchases with approved pricing through this block. Place it on quote checkout pages. ## Requirements Customers must log in to access this block. Enable company features and negotiable quotes in **Stores** > **Configuration** > **General** > **B2B Features** > **Enable Company** and **Stores** > **Configuration** > **General** > **B2B Features** > **Enable B2B Quote**. ## Configuration No configurations available for this block. ## Page metadata Configure page-level metadata in the document authoring table below:
metadata
Title Checkout
Robots noindex, nofollow
Cache Control no-store
## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style highlight (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Requisition Lists Buyers create shopping lists for recurring orders through this block. Place it on requisition list pages. ## Requirements Customers must log in to access this block. Enable company features and requisition lists in **Stores** > **Configuration** > **General** > **B2B Features** > **Enable Company** and **Stores** > **Configuration** > **General** > **B2B Features** > **Enable Requisition List**. ## Configuration No configurations available for this block. ## Page metadata Configure page-level metadata in the document authoring table below:
metadata
Title Requisition Lists
Robots noindex, nofollow
Cache Control no-store
## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style highlight (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Requisition List View Buyers review and add items to cart from saved requisition lists through this block. Place it on requisition list detail pages. ## Requirements Customers must log in to access this block. Enable company features and requisition lists in **Stores** > **Configuration** > **General** > **B2B Features** > **Enable Company** and **Stores** > **Configuration** > **General** > **B2B Features** > **Enable Requisition List**. ## Configuration No configurations available for this block. ## Page metadata Configure page-level metadata in the document authoring table below:
metadata
Title Requisition List
Robots noindex, nofollow
Cache Control no-store
## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style highlight (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Commerce Cart Customers review items, update quantities, apply coupons, and proceed to checkout through this block. Place it on your cart page. ## Configuration Add this table to your document to configure the block:
commerce-cart
hideHeading false
maxItems 10 (example)
hideAttributes color, size (example)
enableItemQuantityUpdate false
enableItemRemove true
enableEstimateShipping false
startShoppingUrl /path/to/page (example)
checkoutUrl /path/to/page (example)
enableUpdatingProduct false
undoRemoveItem false
### Property descriptions **hideHeading**: Controls whether the cart heading is hidden. Set to `true` to hide this feature. Default: `false`. **maxItems**: Maximum number of items to display in cart. Leave empty to show all items. **hideAttributes**: Comma-separated list of product attributes to hide. **enableItemQuantityUpdate**: Enables quantity update controls for cart items. Set to `true` to enable this feature. Default: `false`. **enableItemRemove**: Enables remove item functionality. Set to `true` to enable this feature. Default: `true`. **enableEstimateShipping**: Enables shipping estimation functionality. Set to `true` to enable this feature. Default: `false`. **startShoppingUrl**: URL for "Start Shopping" button when cart is empty. **checkoutUrl**: URL for checkout button. **enableUpdatingProduct**: Enables product editing via mini-PDP modal. Set to `true` to enable this feature. Default: `false`. **undoRemoveItem**: Enables undo functionality when removing items. Allows customers to restore accidentally removed items. Default: `false`. ### Common configurations **Quick checkout** (streamlined cart): - Set `enableItemQuantityUpdate` to `false` - Set `enableEstimateShipping` to `false` - Set `checkoutUrl` to `/checkout` - Minimizes steps before checkout **Full-featured cart** (maximum customer control): - Set `enableItemQuantityUpdate` to `true` - Set `enableEstimateShipping` to `true` - Set `enableUpdatingProduct` to `true` - Set `startShoppingUrl` to `/` for empty cart - Gives customers flexibility to modify before checkout ### Important notes - Uses default configuration values if custom settings are missing or invalid. - All URL paths must point to valid pages on your site for navigation to work correctly. ## Page metadata Configure page-level metadata in the document authoring table below:
metadata
Title Cart
Robots noindex, nofollow
Cache Control no-store
## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style light, highlight (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Commerce Checkout Customers enter shipping details, select payment methods, and complete purchases through this block. Place it on your checkout page. ## Configuration No configurations available for this block. ## Page metadata Configure page-level metadata in the document authoring table below:
metadata
Title Checkout
Robots noindex, nofollow
Cache Control no-store
## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style light, highlight (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Checkout Success Customers see order confirmation and order numbers after completing checkout through this block. Place it on your order confirmation page. ## Requirements Customers must log in to access this block. Enable company features in **Stores** > **Configuration** > **General** > **B2B Features** > **Enable Company**. Purchase orders are then configured per company. ## Configuration No configurations available for this block. ## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style light, highlight (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Accept Company Invitation Invited users join companies through this block. Place it on invitation acceptance pages. ## Requirements Customers must log in to access this block. Enable company features in **Stores** > **Configuration** > **General** > **B2B Features** > **Enable Company**. ## Configuration No configurations available for this block. ## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style light (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Create Company Customers register new companies to access B2B purchasing features through this block. Place it on company registration pages. ## Requirements Customers must log in to access this block. Enable company features in **Stores** > **Configuration** > **General** > **B2B Features** > **Enable Company**. ## Configuration No configurations available for this block. ## Page metadata Configure page-level metadata in the document authoring table below:
metadata
Title Company Registration
Robots noindex, nofollow
## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style light (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Company Credit Company buyers view credit balances and transaction history through this block. Place it on company credit pages. ## Requirements Customers must log in to access this block. Enable company features and company credit in **Stores** > **Configuration** > **General** > **B2B Features** > **Enable Company** and **Stores** > **Configuration** > **Customers** > **Company Configuration** > **Enable Company Credit**. ## Configuration Add this table to your document to configure the block:
commerce-company-credit
showHistory true
### Property descriptions **showHistory**: Controls whether to show company credit transaction history ('true') or only credit summary information ('false'). Set to `true` to enable this feature. Default: `true`. ### Important notes - Requires user authentication. Unauthenticated users are automatically redirected to the login page. ## Page metadata Configure page-level metadata in the document authoring table below:
metadata
Title Company Credit
Robots noindex, nofollow
Cache Control no-store
## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style light (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Company Profile Company administrators update business details and contact information through this block. Place it on company profile pages. ## Requirements Customers must log in to access this block. Enable company features in **Stores** > **Configuration** > **General** > **B2B Features** > **Enable Company**. ## Configuration No configurations available for this block. ## Page metadata Configure page-level metadata in the document authoring table below:
metadata
Title Company Profile
Robots noindex, nofollow
Cache Control no-store
## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style light (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Company Roles and Permissions Company administrators control who can access B2B features (such as company credit, negotiable quotes, purchase orders, and requisition lists) through this block. Place it on roles and permissions pages. ## Requirements Customers must log in to access this block. Enable company features in **Stores** > **Configuration** > **General** > **B2B Features** > **Enable Company**. ## Configuration No configurations available for this block. ## Page metadata Configure page-level metadata in the document authoring table below:
metadata
Title Roles & Permissions
Robots noindex, nofollow
Cache Control no-store
## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style light (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Company Structure Company administrators organize teams and departments through this block. Place it on company structure pages. ## Requirements Customers must log in to access this block. Enable company features in **Stores** > **Configuration** > **General** > **B2B Features** > **Enable Company**. ## Configuration No configurations available for this block. ## Page metadata Configure page-level metadata in the document authoring table below:
metadata
Title Company Structure
Robots noindex, nofollow
Cache Control no-store
## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style light (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Company Users Company administrators add team members and manage user access through this block. Place it on company user management pages. ## Requirements Customers must log in to access this block. Enable company features in **Stores** > **Configuration** > **General** > **B2B Features** > **Enable Company**. ## Configuration No configurations available for this block. ## Page metadata Configure page-level metadata in the document authoring table below:
metadata
Title Company Users
Robots noindex, nofollow
Cache Control no-store
## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style light (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Commerce Confirm Account Customers verify their email addresses and sign in through this block. Place it on your account confirmation page. ## Configuration No configurations available for this block. ## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style light (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Commerce Create Account Customers create new accounts to save addresses and track orders through this block. Place it on your registration page. ## Configuration No configurations available for this block. ## Page metadata Configure page-level metadata in the document authoring table below:
metadata
Title Create Account
Robots noindex, nofollow
Cache Control no-store
## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style light (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Commerce Create Password Customers change their account passwords through this block. Place it on account settings pages. ## Configuration No configurations available for this block. ## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style light (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Commerce Create Return Customers request returns for purchased items through this block. Place it on return request pages. ## Configuration No configurations available for this block. ## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style light (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Customer Company Company users view their company affiliation and job title through this block. Place it on account information pages. ## Requirements Customers must log in to access this block. Enable company features in **Stores** > **Configuration** > **General** > **B2B Features** > **Enable Company**. ## Configuration No configurations available for this block. ## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style light (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Commerce Customer Details Customers view their contact information on order pages through this block. Place it on order detail pages. ## Configuration No configurations available for this block. ## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style light (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Commerce Customer Information Customers edit their profile details and update contact information through this block. Place it on account information pages. ## Requirements This block requires user authentication and redirects unauthenticated users to the login page. ## Configuration No configurations available for this block. ## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style light (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Commerce Forgot Password Customers reset forgotten passwords through this block. Place it on your password reset page. ## Configuration No configurations available for this block. ## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style light (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Commerce Gift Options Customers view gift wrapping, gift messages, and gift receipt options through this block. Place it on order detail pages. ## Configuration No configurations available for this block. ## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style light (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Commerce Login Customers sign in to access their accounts and personalized features through this block. Place it on your login page. ## Configuration No configurations available for this block. ## Page metadata Configure page-level metadata in the document authoring table below:
metadata
Title Login
Robots noindex, nofollow
Cache Control no-store
## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style light (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Commerce Mini Cart Customers view cart contents and proceed to checkout through this dropdown. Place it in your site header for quick access. ## Configuration Add this table to your document to configure the block:
commerce-mini-cart
startShoppingUrl /path/to/page (example)
cartUrl /path/to/page (example)
checkoutUrl /path/to/page (example)
enableUpdatingProduct false
undoRemoveItem false
### Property descriptions **startShoppingUrl**: URL for "Start Shopping" button when cart is empty. **cartUrl**: URL for cart page navigation. **checkoutUrl**: URL for checkout navigation. **enableUpdatingProduct**: Enables product editing via mini-PDP modal. Set to `true` to enable this feature. Default: `false`. **undoRemoveItem**: Enables undo functionality when removing items. Allows customers to restore accidentally removed items. Default: `false`. ### Common configurations **Basic mini cart** (view and checkout only): - Set `enableUpdatingProduct` to `false` - Set `undoRemoveItem` to `false` - Set `checkoutUrl` to `/checkout` - Simple, streamlined experience **Enhanced mini cart** (full product control): - Set `enableUpdatingProduct` to `true` - Set `undoRemoveItem` to `true` - Set `cartUrl` to `/cart` - Set `startShoppingUrl` to `/` for empty cart - Customers can edit products and undo removals ### Important notes - Uses default configuration values if custom settings are missing or invalid. - All URL paths must point to valid pages on your site for navigation to work correctly. ## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style light, highlight (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Commerce Order Comments Customers view order comments through this block. Place it on order detail pages. ## Configuration No configurations available for this block. ## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style light (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
Learn more: See the [Section Metadata guide](/merchants/storefront-builder/section-metadata/) for all available values and the [Page Metadata guide](/merchants/storefront-builder/page-metadata/) for SEO and caching options. --- # Commerce Order Cost Summary Customers view order totals including tax, shipping, and discounts through this block. Place it on order detail pages. ## Configuration No configurations available for this block. ## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style light (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Commerce Order Header Customers see order numbers and navigate back to order lists through this block. Place it at the top of order detail pages. ## Configuration No configurations available for this block. ## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style light (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Commerce Order Product List Customers see products included in orders through this block. Place it on order detail pages. ## Configuration No configurations available for this block. ## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style light (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Commerce Order Returns Customers view return information and track return shipments through this block. Place it on order detail pages with returns. ## Configuration No configurations available for this block. ## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style light (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Commerce Order Status Customers view order status and create returns through this block. Place it on order detail pages. ## Configuration No configurations available for this block. ## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style light (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Commerce Orders List Customers view past orders and track shipments through this block. Place it on order history pages. ## Configuration Add this table to your document to configure the block:
commerce-orders-list
minifiedView false
### Property descriptions **minifiedView**: Controls whether orders are displayed in minified or full view mode. Use `true` for space-constrained layouts like checkout flows. Default: `false`. ### Important notes - Requires user authentication. Unauthenticated users are automatically redirected to the login page. ## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style light (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Commerce Return Header Customers see return numbers and navigate back to return lists through this block. Place it at the top of return detail pages. ## Configuration No configurations available for this block. ## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style light (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Commerce Returns List Customers view return requests and track return status through this block. Place it on return history pages. ## Configuration Add this table to your document to configure the block:
commerce-returns-list
minifiedView false
### Property descriptions **minifiedView**: Controls whether returns are displayed in minified or full view mode. Use `true` for space-constrained layouts like checkout flows. Default: `false`. ### Important notes - Requires user authentication. Unauthenticated users are automatically redirected to the login page. ## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style light (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Commerce Search Order Customers find orders by order number and email through this block. Place it on guest order lookup pages. ## Configuration No configurations available for this block. ## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style light (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Commerce Shipping Status Customers track shipments and view delivery status through this block. Place it on order detail pages. ## Configuration No configurations available for this block. ## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style light (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Commerce Wishlist Customers save products for later and move items to cart through this block. Place it on wishlist pages. ## Configuration Add this table to your document to configure the block:
commerce-wishlist
startShoppingUrl /path/to/page (example)
### Property descriptions **startShoppingUrl**: URL for "Start Shopping" button when wishlist is empty. ### Important notes - Uses default configuration values if custom settings are missing or invalid. - URL paths must point to valid pages on your site for navigation to work correctly. ## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style light (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Commerce blocks Commerce blocks are pre-built components that add shopping functionality to your pages. Choose the blocks that match your storefront type—B2C (business-to-consumer) or B2B (business-to-business). - [B2C Commerce blocks](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/b2c/) — Blocks for business-to-consumer storefronts. Includes shopping cart, product pages, customer accounts, orders, returns, and wishlist features. - [B2B Commerce blocks](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/blocks/b2b/) — Blocks for business-to-business storefronts. Includes company management, purchase orders, quotes, requisition lists, and approval workflows. ## Block tables (start here if you're new) If you are new to Commerce blocks, start with [How block tables work](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/block-tables/). It explains the table shape used across block documentation, including the first-row block name, key-value settings, and when you need a merged full-width content row. ## Setup guides Some blocks require additional setup and configuration beyond the basic block reference: - [Personalization setup](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/content-customizations/personalization/) - Add personalized content to your storefront. - [Product Recommendations setup](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/content-customizations/product-recommendations/) - Set up intelligent product recommendations. ## Related resources - [Your first page](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/your-first-page/) - Step-by-step tutorial for creating a page. - [Page metadata](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) - Configure page-level settings. - [Section metadata](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) - Style your page sections. --- # Product Details Customers view product information, select options, and add items to cart through this block. Place it on product detail pages. ## Configuration Add this table to your document to configure the block:
product-details
defaultSku SKU-001 (optional)
### Property descriptions #### defaultSku Specifies a default product SKU for the product details block. Use this when creating a template page that displays a specific product by default. The block loads the product matching this SKU when the URL omits a product SKU. ## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style light (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options. --- # Product List Page Customers browse products, filter selections, and sort results through this block. Place it on category and search results pages. ## Configuration Add this table to your document to configure the block:
product-list-page
urlPath /path/to/page (example)
### Property descriptions #### urlPath Specifies the category URL path as defined in your commerce catalog, distinct from the CMS page path. Use this to create category-specific product listing pages. For example, `/women/dresses` shows products from the dresses category. Set this when creating a dedicated category page. Leave empty for search result pages. The [enrichment block](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/content-customizations/enrichment/) reads this configuration for category-based content enrichment. ## Section metadata Control the section styling, spacing, and layout that wraps your commerce block. All properties are optional:
section-metadata
Style light (optional)
Padding medium (optional)
Margin small (optional)
Column Width 30% (optional)
Gap small (optional)
> **Learn more** See the [Section Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/section-metadata/) for all available values and the [Page Metadata guide](https://experienceleague.adobe.com/developer/commerce/storefront/merchants/quick-start/page-metadata/) for SEO and caching options.