Commmerce Docs

What it is

The full category landing page — banner, filters, sort, product grid, and pagination. Reads from a parent.

When to use

  • Category and collection pages
  • Search results pages
  • Brand-specific listings

Attributes

AttributeTypeDefaultDescription
data-handlestringcontextCollection handle. Inherits from a parent.
data-show-bannerbooleantrueShow the collection banner image.
idstringUnique element identifier.
classstringCustom CSS class list.
hiddenbooleanfalseHide the element without removing it from the DOM.

Examples

Default

Full collection landing.

<mmm-category data-handle="new-arrivals"></mmm-category>