Skip to main content

Collection Result

Collection Result Component

Shows compatibility status for a product.

Designed to be added on a product card.

Component Details

<bikematrix-collectionresult data-product-skus="SKU1,SKU2">
</bikematrix-collectionresult>

Attributes

AttributeDefaultRequiredDescriptionExample
data-product-skus""YesA comma separated list of SKUs to check compatibility for. A '*' can be passed in to indicate a 'Blacklisted' product, where no compatibility status will be shown."123456890,0987654321"

Example

<bikematrix-collectionresult data-product-skus="123456890,0987654321">
</bikematrix-collectionresult>

Configuration

A more detailed overview of configuration can be found in the Configuration section.

These options are to be set on a per web page basis:

OptionTypeRequiredDescriptionExample
currentCollectionHandlestringYesThe collection handle of the current page. This must match a handle defined under collections."brake-pads"