BAGS — Design System

Benefit 

<!-- Piggy -->
<a data-html="true" class="benefit " data-toggle="tooltip" title="Čím více sáčků si koupíte, tím &lt;strong&gt;nižší cenu za jeden sáček&lt;/strong&gt; získáte">
    <span class="icon-placeholder benefit__icon"><i class="icon-piggy"></i></span>
    <div class="benefit__title">Množstevní slevy</div>
</a>


<!-- Bags -->
<a data-html="true" class="benefit " data-toggle="tooltip" title="Zajistíme sáčky pro &lt;strong&gt;jakýkoliv model vysavače&lt;/strong&gt;">
    <span class="icon-placeholder benefit__icon"><i class="icon-bags"></i></span>
    <div class="benefit__title">Největší výběr</div>
</a>


<!-- Transport -->
<a data-html="true" class="benefit " data-toggle="tooltip" title="U vybraných balení &lt;strong&gt;doprava zdarma&lt;/strong&gt;">
    <span class="icon-placeholder benefit__icon"><i class="icon-transport"></i></span>
    <div class="benefit__title">Doprava zdarma a expresní expedice</div>
</a>


<!-- Gift -->
<a data-html="true" class="benefit " data-toggle="tooltip" title="U vybraných balení &lt;strong&gt;sáčky do vysavače zdarma&lt;/strong&gt;">
    <span class="icon-placeholder benefit__icon"><i class="icon-gift"></i></span>
    <div class="benefit__title">Dárek k nákupu</div>
</a>


<!-- Badge -->
<a data-html="true" class="benefit " data-toggle="tooltip" title="&lt;strong&gt;100% záruka&lt;/strong&gt; na vrácení zboží">
    <span class="icon-placeholder benefit__icon"><i class="icon-badge"></i></span>
    <div class="benefit__title">Nadstandardní garance</div>
</a>


<!-- Bag Magnify -->
<a data-html="true" class="benefit " data-toggle="tooltip" title="">
    <span class="icon-placeholder benefit__icon"><i class="icon-pic-magnify"></i></span>
    <div class="benefit__title">5&nbsp;filtračních vrstev</div>
</a>


<!-- Bag Space -->
<a data-html="true" class="benefit " data-toggle="tooltip" title="">
    <span class="icon-placeholder benefit__icon"><i class="icon-pic-space"></i></span>
    <div class="benefit__title">Lepší využití prostoru</div>
</a>


<!-- Bag Clock -->
<a data-html="true" class="benefit " data-toggle="tooltip" title="">
    <span class="icon-placeholder benefit__icon"><i class="icon-pic-clock"></i></span>
    <div class="benefit__title">Prodloužená životnost</div>
</a>


<!-- Bag Filter -->
<a data-html="true" class="benefit " data-toggle="tooltip" title="">
    <span class="icon-placeholder benefit__icon"><i class="icon-pic-filter"></i></span>
    <div class="benefit__title">Účinnější filtrace</div>
</a>


<!-- Bag Join -->
<a data-html="true" class="benefit " data-toggle="tooltip" title="">
    <span class="icon-placeholder benefit__icon"><i class="icon-pic-join"></i></span>
    <div class="benefit__title">Pevnost spoje</div>
</a>


<!-- Bag Closing -->
<a data-html="true" class="benefit " data-toggle="tooltip" title="">
    <span class="icon-placeholder benefit__icon"><i class="icon-pic-closing"></i></span>
    <div class="benefit__title">Hygienický uzávěr</div>
</a>


<a data-html="true" class="benefit {{ class }}" data-toggle="tooltip" title="{{ tt_title }}">
	{% render '@icon', icon  %}
	<div class="benefit__title">{{ title | safe }}</div>
</a>
 
/* Piggy */
{
  "title": "Množstevní slevy",
  "tt_title": "Čím více sáčků si koupíte, tím <strong>nižší cenu za jeden sáček</strong> získáte",
  "icon": {
    "image": "piggy",
    "class": "benefit__icon"
  }
}


/* Bags */
{
  "title": "Největší výběr",
  "tt_title": "Zajistíme sáčky pro <strong>jakýkoliv model vysavače</strong>",
  "icon": {
    "image": "bags",
    "class": "benefit__icon"
  }
}


/* Transport */
{
  "title": "Doprava zdarma a expresní expedice",
  "tt_title": "U vybraných balení <strong>doprava zdarma</strong>",
  "icon": {
    "image": "transport",
    "class": "benefit__icon"
  }
}


/* Gift */
{
  "title": "Dárek k nákupu",
  "tt_title": "U vybraných balení <strong>sáčky do vysavače zdarma</strong>",
  "icon": {
    "image": "gift",
    "class": "benefit__icon"
  }
}


/* Badge */
{
  "title": "Nadstandardní garance",
  "tt_title": "<strong>100% záruka</strong> na vrácení zboží",
  "icon": {
    "image": "badge",
    "class": "benefit__icon"
  }
}


/* Bag Magnify */
{
  "title": "5&nbsp;filtračních vrstev",
  "tt_title": null,
  "icon": {
    "image": "pic-magnify",
    "class": "benefit__icon"
  }
}


/* Bag Space */
{
  "title": "Lepší využití prostoru",
  "tt_title": null,
  "icon": {
    "image": "pic-space",
    "class": "benefit__icon"
  }
}


/* Bag Clock */
{
  "title": "Prodloužená životnost",
  "tt_title": null,
  "icon": {
    "image": "pic-clock",
    "class": "benefit__icon"
  }
}


/* Bag Filter */
{
  "title": "Účinnější filtrace",
  "tt_title": null,
  "icon": {
    "image": "pic-filter",
    "class": "benefit__icon"
  }
}


/* Bag Join */
{
  "title": "Pevnost spoje",
  "tt_title": null,
  "icon": {
    "image": "pic-join",
    "class": "benefit__icon"
  }
}


/* Bag Closing */
{
  "title": "Hygienický uzávěr",
  "tt_title": null,
  "icon": {
    "image": "pic-closing",
    "class": "benefit__icon"
  }
}

No notes defined.