Skip to content

Search is only available in production builds. Try building and previewing the site to test it out locally.

Commerce blocks

Product List Page

Configure product listing pages and category views. This block integrates with Adobe Commerce to provide a seamless shopping experience for your customers.

Boilerplate version: 4.0.1

Document authoring configuration

Modify the values in the second column to customize the block’s behavior. You can remove any rows for properties you don’t need to configure.

product-list-page
Urlpath/path/to/page (example)

Section metadata

Control the section styling that wraps your commerce block using the section metadata table:

section-metadata
Stylelight, highlight (optional)

Learn more: See the Section Metadata guide for complete styling options and the Page Metadata guide for SEO, caching, and social sharing options.

Configuration properties reference

The table below describes each configuration property in detail:

PropertyDefaultReq?Description
urlpathOptional

Tips for merchants

  • Use document authoring to configure this block without writing code.
  • Test configuration changes in preview before publishing to production.
  • Configure product attributes to match your catalog structure.