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

<h3>Default Card</h3>
{{>tui_product_card_list product-card}}

<h3>Horizontal Card</h3>
{{>tui_product_card_list product-card cssClass='horizontal'}}

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

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

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