Collection

Collection

Renders a collection of product tiles based on collectionId prop.

For large collections you may want to display them as carousels, by adding a carousel prop. You can also use imgSize prop to control the size of displayed product tiles.

example:

<Collection
  collectionId={"5b2788909d25801adcb23f4f"}
  carousel
  imgSize={"small"}
/>
909909

Properties:

namedescriptiontyperequireddefault
collectionIdwhere to findstringtruenone
carouselenables carousel display modebooleanfalsefalse
imgSizechanges the size of single product tile'small', 'medium' or 'large'false'medium'
classNamea custom CSS class name to applystringfalsenone