templates/website/home/section.html.twig line 1

Open in your IDE?
  1. {% from 'utils.html.twig' import ico %}
  3. {% set items = pageSectionItems(section) %}
  4. {% set itemTemplate = pageSectionTemplateItem(section) %}
  5. {% set background = section.background == enum('PageSectionEnum::YES') ? 'sec-bg-alt' : null %}
  6. {% set format = pageSectionFormat(section.type) %}
  7. {% set positionItem = pageSectionPosition(section.positionItem) %}
  8. {% set positionText = pageSectionPosition(section.positionText) %}
  9. {% set perLine = (section.numberPerline > items|length)? items|length : section.numberPerline %}
  10. {% set ofLines = section.numberOfline  %}
  11. {% set slider = section.slider == enum('PageSectionEnum::YES') ? true : false %}
  12. {% set showAll = pageSectionShowAll(section) %}
  13. {% set linkAll = pageSectionLinkAll(section) %}
  15. {% set sectionClasses = [
  16.         'pag-sec', 
  17.         "sec-#{format}", 
  18.         background, 
  19.         (slider? 'slider slider-destaques':null),
  20.         "sec-items-#{positionItem}", 
  21.         "sec-text-#{positionText}"
  22.     ]|filter(class=> class is not empty)
  23. %}
  25. {% if items|length > 0 %}
  26.     <section class="{{ sectionClasses|join(' ')|trim }}" id="sec-content-{{ section.id }}">
  27.         <div id="container-{{ section.id }}" class="{{ format is not same as('expand')? 'container-boxes' : 'container' }}">
  28.             <header class="tit-sec">
  29.                 <h2>{{ section.title }}</h2>
  30.                 <span class="sub">{{ section.subtitle }}</span>
  31.             </header>
  33.             {# BOXES | SLIDER #}
  34.             <div class="items-section items-{{ format }}{{ format is not same as('expand')? " items-line-#{perLine}" }}">
  36.                 {% if slider %}
  37.                     {# SLIDER ARROWS #}
  38.                     <div id="arrows-slider-{{ section.id }}" class="tns-arrows">
  39.                         <button class="slider-seta slider-seta-prev">{{ ico('arrow-left')  }}</button>
  40.                         <button class="slider-seta slider-seta-next">{{ ico('arrow-right') }}</button>
  41.                     </div>
  42.                 {% endif %}
  44.                 {# SLIDER ITEMS #}
  45.                 <div
  46.                     {% if slider %}
  47.                         id="slider-{{ section.id }}" class="js--slider" data-slider-items="{{ perLine }}"
  48.                         data-slider-options-label="slider-{{ format }}"
  49.                     {% else %}
  50.                         class="products-list-{{ format }}"
  51.                     {% endif %}>
  52.                     {% for ind, item in items %}
  53.                         {% include itemTemplate with { item: item, format: format, ind: ind+1 }%}
  54.                     {% endfor %}
  56.                     {# SHOW MORE #}
  57.                     {% if showAll and slider %}
  58.                         <div class="sec--{{ format }}">
  59.                             <div class="{{ format is not same as('default')? "item":"item-curso" }}">
  60.                                 <a class="link-all" href="{{ linkAll }}">
  61.                                     {{ 
  62.                                         getLanguage('see_all', 'product') }}&nbsp;{{ ico('arrow-right')
  63.                                     }}
  64.                                 </a>
  65.                             </div>
  66.                         </div>
  67.                     {% endif %}
  68.                 </div>
  69.             </div>
  71.             {# SHOW MORE #}
  72.             {% if showAll and not slider %}
  73.                 <div class="btn-box btn-box-home">
  74.                     <a id="btn-product-section" class="btn-ver" href="{{ linkAll }}">{{ getLanguage('see_all', 'product') }}</a>
  75.                 </div>
  76.             {% endif %}
  77.         </div>
  78.     </section>
  79. {% endif %}