Collection

Collection

A collection is a group of product tiles. Clicking on any title displays a product dialog with more product details and add to cart button. Products displayed in a collection are defined in app.tipser.com.

<div data-tipser-collection
    data-tipser-collection-id="5b2788909d25801adcb23f4f">
</div>

Tags with attribute data-tipser-cid will be replaced with collection component of given id (specified by the data-tipser-collection-id attribute).

944

Attributes

data-tipser-img-size="Size"Changes the size of the product tiles.
small, medium, large
StringNo
data-tipser-carouselTurns the collection into a one row carousel componentStringNo

If you'd like the collection of more than several products to take less space, you can display it as one-row only carousel component. To do that, please use data-tipser-carousel attribute.

<div
  data-tipser-collection
  data-tipser-collection-id="5b2788909d25801adcb23f4f"
  data-tipser-img-size="small"
></div>
909