templates/front/index.html.twig line 1

Open in your IDE?
  1. {% include 'header.html.twig' %}
  2. <div class="page page--index">
  3.     <div class="container container--slider">
  4.         {% set sliderShow = 0 %}
  5.         {% if page is defined and sliders['header']['all'] is defined %}
  6.             {% set sliderShow = 1 %}
  7.         {% endif %}
  8.         <div class="slider"{% if sliderShow %} data-slider{% endif %}>
  9.             {% if sliderShow %}
  10.                 {% for slider in sliders['header']['all'] %}
  11.                     <a class="slider__item" href="{% if slider.translate.url is not empty %}{{ slider.translate.url }}{% else %}{{ slider|get_url|raw }}{% endif %}">
  12.                         <img src="{{ (path_media ~ slider.file.directoryName ~ '/' ~ slider.file.media) }}" alt="{{ slider.file.translate.alt }}">
  13.                     </a>
  14.                 {% endfor %}
  15.                 {#        <div class="page__title">#}
  16.                 {#            <h1>{{ page.translate.name }}</h1>#}
  17.                 {#        </div>#}
  18.                 {#        <div class="page__arrow" data-scroll-src="scroll-down"></div>#}
  19.             {% endif %}
  20.         </div>
  21.     </div>
  22.     <div class="wave wave--header"></div>
  23. </div>
  26. <section class="premium">
  27.     <div class="container">
  28.         <div class="row">
  29.             <div class="col-lg-3 col-md-4 col-sm-4 col-12">
  30.                 <div class="premium__image">
  31.                     <div class="premium__shadow">
  32.                         <img src="{{ asset('assets/theme/img/main_img.png') }}" alt="jerky">
  33.                     </div>
  34.                 </div>
  35.             </div>
  36.             <div class="col-lg-5 col-md-8 col-sm-8 col-12">
  37.                 <div class="premium__content" data-scroll="scroll-down">
  38.                     <div class="premium__text">
  39.                         <p class="text text--header text--sans">{{ page.translate.shortText|striptags('<strong>')|raw }}</p>
  40.                         <p class="text text--big text--sans">{{ page.translate.text|striptags }}</p>
  41.                     </div>
  42.                     {% if blocks['index_button'] is defined %}
  43.                         <div class="premium__button">
  44.                             {{ blocks['index_button'].translate.text|raw }}
  45.                         </div>
  46.                     {% endif %}
  47.                 </div>
  48.             </div>
  49.             <div class="col-lg-4 col-12">
  50.                 {% if blocks['logos'] is defined %}
  51.                     <div class="premium__bonus">
  52.                         <div class="premium__header">
  53.                             <p>{{ blocks['logos'].translate.name }}</p>
  54.                         </div>
  55.                         {% if blocks['logos'].files|length > 0 %}
  56.                             <div class="premium__quality">
  57.                                 <div class="row">
  58.                                     {% for file in blocks['logos'].files %}
  59.                                         <div class="col-lg-3 col-md-3 col-sm-3 col-6 text-center">
  60.                                             <img src="{{ (path_media ~ '/' ~ file.directoryName ~ '/' ~ file.media) }}"
  61.                                                  alt="{{ file.translate.alt|default() }}">
  62.                                         </div>
  63.                                     {% endfor %}
  64.                                 </div>
  65.                             </div>
  66.                         {% endif %}
  67.                     </div>
  68.                 {% endif %}
  69.             </div>
  70.         </div>
  71.     </div>
  72. </section>
  73. {% if categories %}
  74.     <section class="carousel">
  75.         <div class="wave wave--carousel wave--carousel-top"></div>
  76.         <div class="container">
  77.             <div class="carousel__header">
  78.                 <h2 class="text text--h1 text--divider text--divider--center">{{ 'Produkty'|trans }}</h2>
  79.             </div>
  80.             <div class="carousel__content js-carousel" data-carousel>
  81.                 {% for category in categories %}
  82.                     {% if category.products|length > 0 %}
  83.                         {% include('front/page_shop_item_normal.html.twig') %}
  84.                     {% endif %}
  85.                 {% endfor %}
  86.             </div>
  87.             <div class="carousel__more">
  88.                 <a href="{% if pt['shop'] is defined %}{{ pt['shop']|trans_path }}{% endif %}"
  89.                    class="button button--spacy">{{ 'Všechny produkty'|trans }}</a>
  90.             </div>
  91.         </div>
  92.     </section>
  93.     <div class="wave wave--carousel wave--carousel-bottom"></div>
  94. {% endif %}
  95. <section class="benefit">
  96.     <div class="container">
  97.         <div class="benefit__title">
  98.             <h2 class="text text--h1 text--divider text--divider--center">{{ 'Proč Jihočeské jerky?'|trans }}</h2>
  99.         </div>
  100.     </div>
  101.     <div class="benefit__content">
  102.         <div class="container">
  103.             <div class="row">
  104.                 {% for benefitIndex in 1..4 %}
  105.                     {% if blocks['benefit-' ~ benefitIndex] is defined and blocks['benefit-' ~ benefitIndex].file is not empty %}
  106.                         <div class="col-lg-3 col-md-3 col-sm-4 col-6">
  107.                             <div class="benefit__item">
  108.                                 <div class="benefit__img">
  109.                                     <img src="{{ (path_media ~ '/' ~ blocks['benefit-' ~ benefitIndex].file.directoryName ~ '/' ~ blocks['benefit-' ~ benefitIndex].file.media) }}"
  110.                                          alt="{{ blocks['benefit-' ~ benefitIndex].file.translate.alt|default() }}">
  111.                                 </div>
  112.                                 <p class="benefit__text text--sanchez">
  113.                                     {{ blocks['benefit-' ~ benefitIndex].translate.name }}
  114.                                 </p>
  115.                             </div>
  116.                         </div>
  117.                     {% endif %}
  118.                 {% endfor %}
  119.             </div>
  120.         </div>
  121.     </div>
  122. </section>
  124. {% include 'front/widgets/instagram.html.twig' %}
  126. {% include 'footer.html.twig' %}