Product List Item

Name Description Props
product.item.before Components are rendered before the Product List Item component productId - The ID of the current list product.
product.item Components replace the Product List Item component productId - The ID of the current list product.
product.item.after Components are rendered after the Product List Item component productId - The ID of the current list product.

Image

Name Description Props
product-item.image.before Components are rendered before the product item image. productId - The ID of the current list product.
product-item.image Components replace the product item image. productId - The ID of the current list product.
product-item.image.after Components are rendered after the product item image. productId - The ID of the current list product.

Discount

Name Description Props
product-item.discount.before Components are rendered before the product item discount. productId - The ID of the current list product.
product-item.discount Components replace the product item discount. productId - The ID of the current list product.
product-item.discount.after Components are rendered after the product item discount. productId - The ID of the current list product.

Favorites Button

Name Description Props
product-item.favorites-button.before Components are rendered before the product item favorites button. productId - The ID of the current list product.
product-item.favorites-button Components replace the product item favorites button. productId - The ID of the current list product.
product-item.favorites-button.after Components are rendered after the product item favorites button. productId - The ID of the current list product.

Name

Name Description Props
product-item.name.before Components are rendered before the product item name. productId - The ID of the current list product.
product-item.name Components replace the product item name. productId - The ID of the current list product.
product-item.name.after Components are rendered after the product item name. productId - The ID of the current list product.

Manufacturer (list view only)

Name Description Props
product-item.manufacturer.before Components are rendered before the product item manufacturer. productId - The ID of the current list product.
product-item.manufacturer Components replace the product item manufacturer. productId - The ID of the current list product.
product-item.manufacturer.after Components are rendered after the product item manufacturer. productId - The ID of the current list product.

Availability (list view only)

Name Description Props
product-item.availability.before Components are rendered before the product item availability. productId - The ID of the current list product.
product-item.availability Components replace the product item availability. productId - The ID of the current list product.
product-item.availability.after Components are rendered after the product item availability. productId - The ID of the current list product.

Price

Name Description Props
product-item.price.before Components are rendered before the product item price information. productId - The ID of the current list product.
product-item.price Components replace the product item price information. productId - The ID of the current list product.
product-item.price.after Components are rendered after the product item price information. productId - The ID of the current list product.