templates/website/product/product-results.html.twig line 1

Open in your IDE?
  1. {% extends 'website/main.template.html.twig' %}
  2. {% from 'utils.html.twig' import ico, imgUpload %}
  4. {% block category_css %}
  5.     {% if category is defined %}
  6.         {% include 'website/includes/css-category.html.twig' %}
  7.     {% endif %}
  8. {% endblock %}
  10. {% block body %}
  12.     {% include 'website/includes/search-section.html.twig' %}
  14.     {# TITLE - CATEGORIES #}
  15.     {% if category is defined %}
  17.         {# TITLE - CATEGORIES - IMAGE #}
  18.         {% if category.image is not null %}
  20.             <section class="category-banner">
  22.                 {# BANNER #}
  23.                 <div class="banner-img">
  24.                     {{ imgUpload(category.image, enum('AbstractEnum::PATH_OTHERS'), 'category-cover', category.category) }}
  25.                 </div>
  27.                 <div class="container">
  28.                     <div class="wrap category-banner-color">
  29.                         <h1 class="title">{{ category.category }}</h1>
  30.                         <nav class="migalhas">
  31.                             <a href="{{ path('home') }}">{{ getLanguage('home', 'product') }}</a>&ensp;/&ensp;
  32.                             <a href="{{ path('home') }}#categories-container">{{ getLanguage('categories', 'product') }}</a>&ensp;/&ensp;
  33.                             <span>{{ category.category }}</span>
  34.                         </nav>
  35.                         {% if category.description %}
  36.                             <div class="desc">{{ category.description|raw }}</div>
  37.                         {% endif %}
  38.                     </div>
  39.                 </div>
  40.             </section>            
  42.         {# TITLE - CATEGORIES - NO IMAGE #}
  43.         {% else %}
  44.             {% embed 'website/includes/page-title.html.twig' with { pageTitle: category.category }%}
  45.                 {% block migalhas %}
  46.                     <a href="{{ path('home') }}">{{ getLanguage('home', 'product') }}</a>&ensp;/&ensp;
  47.                     <a href="{{ path('home') }}#categories-container">{{ getLanguage('categories', 'product') }}</a>&ensp;/&ensp;
  48.                     <span>{{ category.category }}</span>
  49.                 {% endblock %}
  50.             {% endembed %}
  51.         {% endif %}
  53.     {# TITLE - SEARCH STRING #}
  54.     {% elseif search is defined %}
  56.         {% set emptySearch = search %}
  57.         {% embed 'website/includes/page-title.html.twig' %}
  58.             {% block header %}
  59.                 <h1>{{ getLanguage('results_for', 'product') }} <em>“{{ search }}”</em></h1>
  60.             {% endblock %}
  61.             {% block migalhas %}
  62.                 <a href="{{ path('home') }}">{{ getLanguage('home', 'product') }}</a>&ensp;/&ensp;<span>{{ getLanguage('search_results', 'product') }}</span>
  63.             {% endblock %}
  64.         {% endembed %}
  65.     {% endif %}
  67.     {# COUPON #}
  68.     {% if productCoupon is defined and productCoupon %}
  69.         <div class="coupon-success coupon-category">
  70.             <p>
  71.                 {{ getLanguage('coupon_code', 'product') }}
  72.                 <strong>{{ productCoupon.key  }}</strong>
  73.                 {{ getLanguage('successfully_applied', 'product') }}.
  74.             </p>
  75.         </div>
  76.     {% endif %}
  78.     <div class="{{ hasResult ? 'bg-alt' }}">
  79.         <div class="container">
  80.             <div class="results">
  81.                 {# CONTEM ITENS #}
  82.                 {% if hasResult %}
  83.                     {% set firstShow = 6 %}
  84.                     {% for section in dataSearch %}
  85.                         {% set secLabel = section.name|lower %}
  86.                         {% if section.items|length > 0 %}
  87.                             <section class="js--results-section"
  88.                                 data-status="initial"
  89.                                 data-route="{{
  90.                                     path('productListSearchOrder', { 
  91.                                         couponKey: (productCoupon is defined and productCoupon ? productCoupon.key : '')
  92.                                     }) 
  93.                                 }}"
  94.                                 data-tipo="{{ section.enum }}"
  95.                                 data-search="{{ search }}"
  96.                                 data-label="{{ secLabel }}"
  97.                                 data-init-offset="{{ section.items|length }}"
  98.                                 data-total="{{ section.total ?? '' }}"
  99.                                 data-category="{{ (category is defined)? category.id }}">
  100.                                 <header>
  101.                                     <h2>{{ ico(section.ico) }} {{ section.name }} ({{ section.total ?? '' }})</h2>
  102.                                     <div class="ordenacao">
  103.                                         <i class="loader">{{ ico('loader-wish') }}</i>
  104.                                         <select class="custom-select search-combo">
  105.                                             <option value="{{ enum('ProductOfferEnum::ORDER_BY') }}">
  106.                                                 {{ getLanguage('order_by', 'product') }}
  107.                                             </option>
  108.                                             <option value="{{ enum('ProductOfferEnum::LOWEST_PRICE') }}">
  109.                                                 {{ getLanguage('lowest_price', 'product') }}
  110.                                             </option>
  111.                                             <option value="{{ enum('ProductOfferEnum::BIGGEST_PRICE') }}">
  112.                                                 {{ getLanguage('biggest_price', 'product') }}
  113.                                             </option>
  114.                                             <option value="{{ enum('ProductOfferEnum::MOST_RELEVANT') }}">
  115.                                                 {{ getLanguage('most_relevant', 'product') }}
  116.                                             </option>
  117.                                         </select>
  118.                                     </div>
  119.                                 </header>
  120.                                 <div class="products-list js--results-container">
  121.                                     {% include 'website/product/product-results-items.html.twig' with {'items': section.items } %}
  122.                                 </div>
  123.                                 <div class="content-loader">
  124.                                     <i class="loader">{{ ico('loader-wish') }}</i>
  125.                                 </div>
  126.                                 <div class="todos">
  127.                                     {% if section.total > firstShow %}
  128.                                         <button type="button" class="js--search-load-more" data-label="{{ secLabel }}">
  129.                                             <span>{{ getLanguage('loading', 'util') }} &hellip;</span>
  130.                                             <span>{{ getLanguage('see_more', 'product') }}</span>
  131.                                         </button>
  132.                                     {% endif %}
  133.                                 </div>
  134.                             </section>
  135.                         {% endif %}
  136.                     {% endfor %}
  138.                 {# VAZIO #}
  139.                 {% else %}
  140.                     <div class="box-aviso">
  141.                         <div class="aviso-img">
  142.                             <div class="img-ico">
  143.                                 {{ ico('no-results') }}
  144.                             </div>
  145.                         </div>
  146.                         <h2 class="titulo-aviso">
  147.                             <span>
  148.                                 {{ getLanguage('not_find', 'product') }} {{ search }} &hellip;&ensp;
  149.                             </span>
  150.                             <img src="{{ cdn }}img/emoji_crying.png">
  151.                         </h2>
  152.                         <p class="sub">{{ getLanguage('check_if_word', 'product') }}</p>
  153.                         <a href="{{ path('home') }}" class="btn-acao">
  154.                             <i class="fas fa-arrow-left ico-left"></i>
  155.                             {{ getLanguage('back_to_home', 'product') }}
  156.                         </a>
  157.                     </div>
  159.                 {% endif %}
  160.             </div>
  161.         </div>
  162.     </div>
  163.     
  164. {% endblock %}