os-product-list (Product List)
What it is
Section titled “What it is”os-product-list loads available collections and renders a filterable list of products using os-single-product cards.
Tag name
Section titled “Tag name”os-product-list (Product List)
Attributes / parameters
Section titled “Attributes / parameters”| name | type | required | default | description |
|---|---|---|---|---|
product-url-prefix | string | No | None | Prefix used to build product page URLs for child os-single-product cards (for example /products). |
<os-product-list product-url-prefix="/products"></os-product-list><os-product-list product-url-prefix="/products"></os-product-list>export function Shop() { return <os-product-list product-url-prefix="/products"></os-product-list>;}Screenshot
Section titled “Screenshot”
Related components
Section titled “Related components” Single Product Card The card rendered for each item in this list.
Product Details The destination page customers land on after clicking a card.