templates/frontend/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% trans_default_domain 'store' %}
  3. {% block title %}{{ 'page_main_title'|trans({}, 'store', locale) }}{% endblock %}
  4. {% block content %}
  5.     <section class="section" style="padding:5px!important;">
  6.         <div class="container">
  7.             {% include '/frontend/components/notification.html.twig' %}
  8.         </div>
  9.     </section>
  10.     <!-- START OF SLIDER -->
  11.     <div class="section" style="padding:2rem 1.5rem;">
  12.         <div class="container">
  13.             <!-- SLIDER NA DESKTOP -->
  14.             <div class='carousel carousel-animated carousel-animate-slide carousel-desktop'>
  15.                 <div class='carousel-container'>
  16.                     {% set c = 0 %}
  17.                     {% for banner in banners %}
  18.                         {% if banner.type == constant('App\\Entity\\Banners::TYPE_BIG') %}
  19.                             {% set c = c + 1 %}
  20.                                 <div data-href="{{ banner.url }}" class='carousel-item carousel-item-link has-background' style="height:100%; background: {{ banner.color }}!important;">
  21.                                     <div style="color: {{ banner.campaignTextColor }}!important; float: left; max-width: 45%;">
  22.                                         <h1 class="banner_h1">
  23.                                             {{ banner.title }}
  24.                                         </h1>
  25.                                         <div class="additionalText">
  26.                                             {{ banner.additionalText }}
  27.                                         </div>
  28.                                         <div>
  29.                                             {% if banner.buttonText %}
  30.                                                 <a class="btn-banner" href="{{ banner.url }}" style="background-color:{{ banner.buttonColor }}!important; color:{{ banner.buttonTextColor }}!important;">
  31.                                                     {{ banner.buttonText }}
  32.                                                 </a>
  33.                                             {% endif %}
  34.                                         </div>
  35.                                     </div>
  36.                                     <div style="width: 100%; background: {{ banner.color }}!important; float:right; max-width: 55%;">
  37.                                         <a href="{{ banner.url }}">
  38.                                             <img class="is-background" style="height:100%!important; float: right" src="/images/important/{{ banner.imageName }}" alt="{{ banner.title }}" />
  39.                                         </a>
  40.                                     </div>
  41.                                 </div>
  42.                         {% endif %}
  43.                     {% endfor %}
  44.                 </div>
  45.                 <div class="carousel-navigation is-overlay">
  46.                     <div class="carousel-nav-left">
  47.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  48.                     </div>
  49.                     <div class="carousel-nav-right">
  50.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  51.                     </div>
  52.                 </div>
  53.             </div>
  54.             <!-- SLIDER NA MOBILKI -->
  55.             <div class='carousel carousel-animated carousel-animate-slide carousel-mobile'>
  56.                 <div class='carousel-container'>
  57.                     {% for banner in banners %}
  58.                         {% if banner.type == constant('App\\Entity\\Banners::TYPE_BIG') %}
  59.                             <div data-href="{{ banner.url }}" class='carousel-item carousel-item-link has-background' style="background: {{ banner.color }}!important;">
  60.                                 <div>
  61.                                     <img class="is-background" src="/images/important/{{ banner.imageName }}" alt="{{ banner.title }}" width="640" height="310"  />
  62.                                     <div class="has-text-centered" style="background: {{ banner.color }}!important; margin-top:-10px;">
  63.                                         <h1 class="banner_h1 has-text-centered" style="color: {{ banner.campaignTextColor }}!important;">
  64.                                             {{ banner.title }}
  65.                                         </h1>
  66.                                         <div class="additionalText has-text-centered" style="color: {{ banner.campaignTextColor }}!important; margin-top:-10px;">
  67.                                             {{ banner.additionalText }}
  68.                                         </div>
  69.                                         {% if banner.buttonText %}
  70.                                             <div style="margin-top:30px; display: flex;align-items: center; justify-content: center;" class="has-text-centered">
  71.                                                 <a class="btn-banner-mobile" href="{{ banner.url }}" style="margin-bottom:20px; background-color:{{ banner.buttonColor }}!important; color:{{ banner.buttonTextColor }}!important;">
  72.                                                     {{ banner.buttonText }}
  73.                                                 </a>
  74.                                             </div>
  75.                                         {% endif %}
  76.                                     </div>
  77.                                 </div>
  78.                             </div>
  79.                         {% endif %}
  80.                     {% endfor %}
  81.                 </div>
  82.                 <div class="carousel-navigation is-overlay">
  83.                     <div class="carousel-nav-left">
  84.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  85.                     </div>
  86.                     <div class="carousel-nav-right">
  87.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  88.                     </div>
  89.                 </div>
  90.             </div>
  91.         </div>
  92.     </div>
  93.     <!-- END OF SLIDER -->
  94.     <!-- START CATEGORIES -->
  95.     <section class="section" style="padding-top:0px;">
  96.         <div class="container">
  97.             <div class="has-text-centered is-4">
  98.                 <h1 class="is-size-4 margin-bot-30 standard-color">{{ 'seo_header_title'|trans }}</h1>
  99.             </div>
  100.             <div class="columns is-multiline nasze-produkty">
  101.                 {% for category in categories %}
  102.                     <!-- START CATEGORY BOX -->
  103.                     <div class="column is-one-third-desktop is-half-tablet cat-container">
  104.                         <article style="background-image:url(/images/category/{{ category.imageName }}); cursor: pointer;" class="box has-bg-img category-box" data-href="{{ path('category', {'id':category.id, 'slug':category.slug}) }}">
  105.                             <div class="content category-link">
  106.                                 <div class="mobile-image-container is-flex is-hidden-desktop has-text-centered is-vcentered" style="align-items: center;">
  107.                                     {% if category.imageName3 %}
  108.                                     <img alt="{{ category.name }}" src="/images/category/{{ category.imageName3 }}">
  109.                                     {% endif %}
  110.                                 </div>
  111.                                 <h2 class="title is-size-4 has-text-centered is-half-touch category-title">
  112.                                     <a href="{{ path('category', {'id':category.id, 'slug':category.slug}) }}">{{ category.name }}</a>
  113.                                 </h2>
  114.                                 <div class="columns is-hidden-touch">
  115.                                     <div class="column is-offset-one-third">
  116.                                         <ul class="list-red is-size-7">
  117.                                             {% for child in category.childrens %}
  118.                                                 {% set visible = 1 %}
  119.                                                 {% for langParam in child.langParams %}
  120.                                                     {% if langParam.language.locale == app.request.locale %}
  121.                                                         {% set visible = langParam.visible %}
  122.                                                     {% endif %}
  123.                                                 {% endfor %}
  124.                                                 {% if visible == 1 %}
  125.                                                     <li><a href="{{ path('category', {'id':child.id, 'slug':child.slug}) }}">{{ child.name }}</a></li>
  126.                                                 {% endif %}
  127.                                             {% endfor %}
  128.                                         </ul>
  129.                                     </div>
  130.                                 </div>
  131.                             </div>
  132.                         </article>
  133.                     </div>
  134.                     <!-- END CATEGORY BOX -->
  135.                 {% endfor %}
  136.             </div>
  137.         </div>
  138.     </section>
  139.     <!-- END CATEGORIES -->
  140.     <!-- START OF SPECIAL OFFERS -->
  141.     <div class="section is-hidden-touch">
  142.         <div class="container">
  143.             <div class="is-size-4 margin-bot-30 is-600 is-red has-text-centered is-3 bold">
  144.                 {{ 'promo_special_offer'|trans }}
  145.             </div>
  146.             <div class="columns is-multiline special-offers-boxes">
  147.                 <!-- START CATEGORY BOX -->
  148.                 <div class="column is-one-third-desktop">
  149.                     {% if app.request.locale == 'pl' %}
  150.                         <a href="https://www.centrumkrzesel.pl/lp/228/strefa-okazji">
  151.                     {% endif %}
  152.                     {% if app.request.locale == 'sk' %}
  153.                         <a href="{{ path('category', {'id':121, 'slug':'akcna-ponuka'}) }}">
  154.                     {% endif %}
  155.                     {% if app.request.locale == 'cz' %}
  156.                         <a href="{{ path('category', {'id':121, 'slug':'akcni-nabidka-'}) }}">
  157.                     {% endif %}
  158.                     {% if app.request.locale == 'ro' %}
  159.                         <a href="https://www.mobila24.ro/oferte/121/c">
  160.                     {% endif %}
  161.                         <article style="background-image:url({{ staticImages[locale].szok }});" class="box has-bg-img special-offer-box">
  162.                         </article>
  163.                     </a>
  164.                 </div>
  165.                 <!-- END CATEGORY BOX -->
  166.                 <!-- START CATEGORY BOX -->
  167.                 <div class="column is-one-third-desktop">
  168.                     <article style="background-image:url({{ staticImages[locale].prod24h }});" class="box has-bg-img special-offer-box">
  169.                     </article>
  170.                 </div>
  171.                 <!-- END CATEGORY BOX -->
  172.                 <!-- START CATEGORY BOX -->
  173.                 <div class="column is-one-third-desktop">
  174.                     {% if app.request.locale == 'ro' %}
  175.                         <a href="https://www.mobila24.ro/scaune-elementare-accesibile/126/c">
  176.                     {% else %}
  177.                         <a href="{{ path('category', {'id':237, 'slug':'outlet-2'}) }}">
  178.                     {% endif %}
  179.                         <article style="background-image:url({{ staticImages[locale].outlet }});" class="box has-bg-img special-offer-box">
  180.                         </article>
  181.                     </a>
  182.                 </div>
  183.                 <!-- END CATEGORY BOX -->
  184.             </div>
  185.         </div>
  186.     </div>
  187.     <!-- END OF SPECIAL OFFERS -->
  188.     <!-- START OF BESTSELLER SLIDER -->
  189.     <section class="section">
  190.         <div class="columns">
  191.             <product-tabs :slides-count="6" inline-template v-cloak>
  192.                 <div class="column is-full" id="podobne" v-match-heights="{ el: [ '.card-image' ]}">
  193.                     <div class="tabs is-centered is-medium">
  194.                         <ul>
  195.                             <li class="is-active">
  196.                                 <a href="#" @click.stop.prevent="clicked( 2 )">{{ 'bestsellers_section_title'|trans }}</a>
  197.                             </li>
  198.                         </ul>
  199.                     </div>
  200.                     {% set c = 0 %}
  201.                     <agile ref="carousel_2" class="container is-fluid thumbnails" :options="sliderOptions">
  202.                         {% for productData in promotionsProducts %}
  203.                             {% set product = productData[0] %}
  204.                             {% if productData.isBestseller %}
  205.                                 {% set c = c +1 %}
  206.                                 {% if c < 11 %}
  207.                                     {% include 'frontend/components/smallProduct.html.twig' with {'lazyDisabled':1, 'cssClass':'card-homepage', 'isOneQuarter':1, 'product':product, 'productData':productData} %}
  208.                                 {% endif %}
  209.                             {% endif %}
  210.                         {% endfor %}
  211.                         <template slot="prevButton"><i class="fas fa-chevron-left" style="margin-left:20px;"></i></template>
  212.                         <template slot="nextButton"><i class="fas fa-chevron-right" style="margin-right: 20px;"></i></template>
  213.                     </agile>
  214.                 </div>
  215.             </product-tabs>
  216.         </div>
  217.         {% if catBest %}
  218.             <div class="has-text-centered">
  219.                 <a href="{{ path('category', {'id':catBest.id, 'slug':catBest.slug}) }}" class="standard-button btn-banner-mobile">
  220.                     {{ 'view_all_bestseller'|trans }} <i class="fa fa-arrow-right"></i>
  221.                 </a>
  222.             </div>
  223.         {% endif %}
  224.     </section>
  225.     <!-- START OF BANNERS SECTION -->
  226.     <section class="section banners">
  227.         <div class="container">
  228.             <div class="columns">
  229.                 {% for banner in smallBanners %}
  230.                     {% if banner.position == 1 %}
  231.                         {% include '/frontend/components/_smallBanner.html.twig' with {'cssClass':'is-three-fifths-desktop', 'banner':banner, 'cta':1} %}
  232.                     {% endif %}
  233.                 {% endfor %}
  234.                 {% for banner in smallBanners %}
  235.                     {% if banner.position == 2 %}
  236.                         {% include '/frontend/components/_smallBanner.html.twig' with {'cssClass':'is-two-fifths-desktop', 'banner':banner, 'cta':0} %}
  237.                     {% endif %}
  238.                 {% endfor %}
  239.             </div>
  240.             <div class="columns">
  241.                 {% for banner in smallBanners %}
  242.                     {% if banner.position == 3 %}
  243.                         {% include '/frontend/components/_smallBanner.html.twig' with {'cssClass':'is-two-fifths-desktop', 'banner':banner, 'cta':0} %}
  244.                     {% endif %}
  245.                 {% endfor %}
  246.                 {% for banner in smallBanners %}
  247.                     {% if banner.position == 4 %}
  248.                         {% include '/frontend/components/_smallBanner.html.twig' with {'cssClass':'is-three-fifths-desktop', 'banner':banner, 'cta':1} %}
  249.                     {% endif %}
  250.                 {% endfor %}
  251.             </div>
  252.             {% for banner in smallBanners %}
  253.                 {% if banner.position == 5 %}
  254.                     <div class="columns">
  255.                         <div class="column is-full is-hidden-desktop">
  256.                             <div class="image">
  257.                                 {% if banner.url %}
  258.                                     <a href="{{ banner.url }}">
  259.                                         <img src="/images/important/{{ banner.imageName }}" alt="{{ banner.title }}">
  260.                                     </a>
  261.                                 {% else %}
  262.                                     <img src="/images/important/{{ banner.imageName }}" alt="{{ banner.title }}">
  263.                                 {% endif %}
  264.                             </div>
  265.                         </div>
  266.                     </div>
  267.                 {% endif %}
  268.             {% endfor %}
  269.         </div>
  270.     </section>
  271.     <!-- END OF BANNERS SECTION -->
  272.     <input type="hidden" value="{% if isMobile is defined and isMobile %}2{% else %}5{% endif %}" id="slide_counter"/>
  273.     <!-- START OF BESTSELLER SLIDER -->
  274.     <section class="section">
  275.         <div class="columns">
  276.             <product-tabs :slides-count="6" inline-template v-cloak>
  277.                 <div class="column is-full" id="podobne" v-match-heights="{ el: [ '.card-image' ]}">
  278.                     <div class="tabs is-centered is-medium" style="margin-bottom: -20px;">
  279.                         <ul>
  280.                             <li :class="tab == 1 ? 'is-active' : ''">
  281.                                 <a href="#" @click.stop.prevent="clicked( 1 )">{{ 'newest'|trans }}</a>
  282.                             </li>
  283.                         </ul>
  284.                     </div>
  285.                     <agile ref="carousel_1" class="container is-fluid thumbnails" :options="sliderOptions" v-if="tab == 1">
  286.                         {% for productData in promotionsProducts|slice(0,10) %}
  287.                             {% set product = productData[0] %}
  288.                             {% if productData.isNew %}
  289.                                 {% include 'frontend/components/smallProduct.html.twig' with {'lazyDisabled':1, 'cssClass':'card-homepage', 'isOneQuarter':1, 'product':product, 'productData':productData} %}
  290.                             {% endif %}
  291.                             <!-- END OF ARTICLE -->
  292.                         {% endfor %}
  293.                         <template slot="prevButton"><i class="fas fa-chevron-left" style="margin-left:20px;"></i></template>
  294.                         <template slot="nextButton"><i class="fas fa-chevron-right" style="margin-right: 20px;"></i></template>
  295.                     </agile>
  296.                 </div>
  297.             </product-tabs>
  298.         </div>
  299.         {% if catNews %}
  300.             <div class="has-text-centered">
  301.                 <a href="{{ path('category', {'id':catNews.id, 'slug':catNews.slug}) }}" class="standard-button btn-banner-mobile">
  302.                     {{ 'view_all_newest'|trans }} <i class="fa fa-arrow-right"></i>
  303.                 </a>
  304.             </div>
  305.         {% endif %}
  306.     </section>
  307.     <!-- END OF BESTSELLER SLIDER -->
  308.     <!-- START OF INFOGRAPHIC SECTION -->
  309.     <section class="section">
  310.         <div class="container">
  311.             <div class="columns is-centered">
  312.                 <div class="column is-half">
  313.                     <div class="subtitle has-text-centered margin-bot-30">
  314.                         {{ 'for_your_convinient'|trans }}
  315.                     </div>
  316.                 </div>
  317.             </div>
  318.             <div class="columns home-ikony is-multiline is-centered is-flex-tablet is-hidden-mobile">
  319.                 <div class="column is-half-mobile has-text-centered">
  320.                     <figure class="image">
  321.                         <img src="/v2/ico/ico_14.svg" alt="">
  322.                     </figure>
  323.                     <p class="title is-16px standard-color">{{ '14_days_return'|trans|raw }}</p>
  324.                 </div>
  325.                 <div class="column is-half-mobile has-text-centered">
  326.                     <figure class="image">
  327.                         <img src="{{ staticImages[locale].freeDelivery }}" alt="" {% if app.request.locale == 'ro' or app.request.locale == 'sk' or app.request.locale == 'cz' %}style="width: 70px!important;" {% endif %}>
  328.                     </figure>
  329.                     <p class="title is-16px standard-color">{{ 'free_delivery_return'|trans|raw }}</p>
  330.                 </div>
  331.                 <div class="column is-half-mobile has-text-centered">
  332.                     <figure class="image">
  333.                         <img src="/v2/ico/ico_300_customers.svg" alt="">
  334.                     </figure>
  335.                     <p class="title is-16px standard-color">{{ 'text_300_customers'|trans|raw }}</p>
  336.                 </div>
  337.                 <div class="column is-half-mobile has-text-centered">
  338.                     <figure class="image">
  339.                         <img src="/v2/ikonka_18_lat.png" alt="">
  340.                     </figure>
  341.                     <p class="title is-16px standard-color">{{ '15_years'|trans|raw }}</p>
  342.                 </div>
  343.                 <div class="column is-half-mobile has-text-centered">
  344.                     <figure class="image">
  345.                         <img src="/v2/ico/ico_pig.svg" alt="">
  346.                     </figure>
  347.                     <p class="title is-16px standard-color">{{ 'price_with_negotiations'|trans|raw }}</p>
  348.                 </div>
  349.             </div>
  350.             <div class='carousel carousel-animated carousel-animate-slide is-hidden-tablet'>
  351.                 <div class='carousel-container'>
  352.                     <div class="carousel-item" style="display: flex;">
  353.                         <div class="column is-half-mobile has-text-centered has-background">
  354.                             <figure class="mobile-ico-height">
  355.                                 <img src="/v2/ico/ico_14.svg" alt="">
  356.                             </figure>
  357.                             <p class="is-16px standard-color">{{ '14_days_return'|trans|raw }}</p>
  358.                         </div>
  359.                         <div class="column is-half-mobile has-text-centered has-background">
  360.                             <figure class="mobile-ico-height">
  361.                                 <img style="max-height: 90px;" src="{{ staticImages[locale].freeDelivery }}" alt="">
  362.                             </figure>
  363.                             <p class="is-16px standard-color">{{ 'free_delivery_return'|trans|raw }}</p>
  364.                         </div>
  365.                     </div>
  366.                     <div class="carousel-item" style="display: flex;">
  367.                         <div class="column is-half-mobile has-text-centered has-background">
  368.                             <figure class="mobile-ico-height">
  369.                                 <img src="/v2/ico/ico_300_customers.svg" alt="">
  370.                             </figure>
  371.                             <p class="is-16px standard-color">{{ 'text_300_customers'|trans|raw }}</p>
  372.                         </div>
  373.                         <div class="column is-half-mobile has-text-centered has-background">
  374.                             <figure class="mobile-ico-height">
  375.                                 <img src="/v2/ikonka_18_lat.png" alt="">
  376.                             </figure>
  377.                             <p class="is-16px standard-color">{{ '15_years'|trans|raw }}</p>
  378.                         </div>
  379.                     </div>
  380.                     <div class="carousel-item" style="display: flex;">
  381.                         <div class="column is-half-mobile has-text-centered has-background">
  382.                             <figure class="mobile-ico-height">
  383.                                 <img src="/v2/ico/ico_pig.svg" alt="">
  384.                             </figure>
  385.                             <p class="is-16px standard-color">{{ 'price_with_negotiations'|trans|raw }}</p>
  386.                         </div>
  387.                         <div class="column is-half-mobile has-text-centered has-background">
  388.                             <figure class="mobile-ico-height">
  389.                                 <img src="{{ staticImages[locale].freeDelivery }}" alt="">
  390.                             </figure>
  391.                             <p class="is-16px standard-color">{{ 'free_delivery_return'|trans|raw }}</p>
  392.                         </div>
  393.                     </div>
  394.                 </div>
  395.                 <div class="carousel-navigation is-overlay">
  396.                     <div class="carousel-nav-left">
  397.                         <i class="fa fa-chevron-left" aria-hidden="true"></i>
  398.                     </div>
  399.                     <div class="carousel-nav-right">
  400.                         <i class="fa fa-chevron-right" aria-hidden="true"></i>
  401.                     </div>
  402.                 </div>
  403.             </div>
  404.         </div>
  405.     </section>
  406.     <!-- END OF INFOGRAPHIC SECTION -->
  407.     <form action="{{ path('getresponse_handler') }}" method="post">
  408.     <!-- START OF NEWSLETTER SECTION -->
  409.     <section class="section newsletter" style="background: #DBDBDB;">
  410.         <div class="container">
  411.             <div class="columns is-centered">
  412.                 <div class="column is-three-fifths-desktop is-full-mobile">
  413.                     <div class="title is-size-4">
  414.                         <strong>
  415.                         {{ 'save_to_newsletter'|trans }}
  416.                         </strong>
  417.                     </div>
  418.                     <div class="title title-light" style="font-size: 18px;">
  419.                         {{ 'recieve_newest_info'|trans|raw }}
  420.                     </div>
  421.                     <div class="title" style="margin-top:-17px; font-size:18px;">
  422.                         {{ 'newsletter_discount_info_header2'|trans|raw }}
  423.                     </div>
  424.                     <div class="field has-addons" style="z-index: 100000;">
  425.                         <p class="control is-expanded form-input" style="z-index: 100000;"> <!-- form -->
  426.                             <input type="text" name="email" class="input newsletter-input" placeholder="{{ 'your_email'|trans }}">
  427.                             <button class="button is-danger news-button">{{ 'sign_in_newsletter'|trans }}</button>
  428.                         </p>
  429.                     </div>
  430.                 </div>
  431.                 <div class="column is-two-fifths-desktop is-hidden-mobile" style="display: flex; align-items: center; justify-content: center;">
  432.                     <img alt="newsletter signup" style="max-width: 250px;" src="/v2/koperta-transparent.png"/>
  433.                 </div>
  434.             </div>
  435.             {% if app.request.locale == 'pl' %}
  436.                 <div class="columns is-full" style="margin-left:5px; margin-top:-35px;">
  437.                     <a href="/images/terms_{{ app.request.locale }}.pdf" target="_blank" style="font-size:14px;">
  438.                         {{ 'newsletter_terms_accept_info'|trans|raw }}
  439.                     </a>
  440.                 </div>
  441.             {% endif %}
  442.         </div>
  443.     </section>
  444.     </form>
  445.     <!-- END OF NEWSLETTER SECTION -->
  446.     <!-- START OF LOGOS -->
  447.     <div class="is-hidden-mobile">
  448.         <section class="section logos">
  449.             <div class="container">
  450.                 <logo-carousel inline-template v-cloak
  451.                                :logos="[
  452.                             {% for producer in producers %}
  453.                                 {
  454.                                     img: 'https://{{ domain }}/images/producer/{{ producer.imageName }}',
  455.                                     url: '{{ productProducerUrl(producer.id, app.request.locale) }}'
  456.                                 },
  457.                             {% endfor %}
  458.                         ]"
  459.                 >
  460.                     <div class="columns is-multiline is-centered">
  461.                         <agile class="container" :options="logoOptions">
  462.                             <div class="column" v-for="( logo, index ) in slides" :key="index">
  463.                                 <a :href="logo.url">
  464.                                     <div class="image">
  465.                                         <img :src="logo.img" />
  466.                                     </div>
  467.                                 </a>
  468.                             </div>
  469.                         </agile>
  470.                     </div>
  471.                 </logo-carousel>
  472.             </div>
  473.         </section>
  474.     </div>
  475.     <!-- END OF LOGOS -->
  476.     {% if app.request.locale == 'pl' %}
  477.         <script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></script>
  478.         <script type="text/javascript">
  479.             window.criteo_q = window.criteo_q || [];
  480.             var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
  481.             window.criteo_q.push(
  482.                 { event: "setAccount", account: 36267 },
  483.                 { event: "setEmail", email: "{% if app.user.email is defined %} {{ app.user.email }} {% endif %}" },
  484.                 { event: "setSiteType", type: deviceType },
  485.                 { event: "viewHome" }
  486.             );
  487.         </script>
  488.     {% endif %}
  489. {% endblock %}
  490. {% block meta_desc_key %}
  491.     {{ parent() }}
  492.     {% if app.request.locale == 'pl' %}
  493.         {# veltis tag #}
  494.         {#
  495.         <script async src='https://app.veltis.io/uploads/veltis.js'></script><script>window.veltisData = window.veltisData || []; function veltisTag() { veltisData.push(arguments); } veltisTag('js', new Date()); veltisTag('config', '1aadaf84c154d3e3'); </script>
  496.         #}
  497.     {% endif %}
  498. {% endblock %}