---
title: Product Card List
layout: common-ux-layout.hbs
---

<h3>Default Card</h3>
{{>tui_product_card_list data=tui-product-card-list texts=texts.texts count=5 countClass='on' nonCountClass='hidden'}}

<h3>Horizontal Card</h3>
{{>tui_product_card_list data=tui-product-card-list texts=texts.texts cssClass='horizontal'}}

<h3>Cruise Card</h3>
{{>tui_product_card_list cruise-card-list cssClass='cruise'}}

<h3>Cruise Card Horizontal</h3>
{{>tui_product_card_list cruise-card-list cssClass='horizontal cruise'}}

<script defer src="https://www.tui.se/heart.se.js"></script>