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).

Attributes


data-tipser-img-size="Size"	Changes the size of the product tiles. small, medium, large	String	No
data-tipser-carousel	Turns the collection into a one row carousel component	String	No

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>