themes/webapicTheme/templates/site_taxon_lastlevel_show.html.twig line 1

Open in your IDE?
  1. {% import "@SyliusShop/Common/Macro/money.html.twig" as money %}
  3. {% extends '@SyliusShop/layout.html.twig' %}
  5. {% block title %}
  6.     {% if noindex is not defined %}
  7.         {{ taxon.seoTitle|default(taxon.name) }} | {{ parent() }}
  8.     {% else %}    
  9.         {{ taxon.seoTitle|default(taxon.name) }} - {{ metaFiltre }} | {{ parent() }}
  10.     {% endif %}
  11. {% endblock %}
  13. {% block metatags %}
  14.     {{ parent() }}
  15.     {% if taxon.seoMetaDescription is not empty %}
  16.         <meta name="description" content="{{ taxon.seoMetaDescription }}" />
  17.     {% endif %}
  18.     {% if noindex is defined and noindex %}
  19.         <meta name="robots" content="noindex">
  20.     {% endif %}
  21. {% endblock %}
  23. {% block content %}
  25. {# Fil d'ariane #}
  26. {{ wo_render_breadcrumbs() }}
  28. <div class="categorie lastlevel">
  30.     <div class="categorie-top">
  31.         {# <img src="{{ asset('webapic-theme/images/categorielastlevel-bg-top.jpg') }}" class="bg lazyload"> #}
  32.         <img src="{{ asset('webapic-theme/images/categorielastlevel-bg-top-noel.jpg') }}" class="bg lazyload">
  33.         <div class="categorie-top-left {% if taxon.description is empty %}full{% endif %}">
  34.             <h1>{{ taxon.name }}</h1>
  35.         </div>
  37.         {% if taxon.description is not empty %}
  38.             <div class="categorie-top-right">
  40.                 {# {% if is_mobile() %}    #}
  41.             
  42.                     <div>
  43.                         <input type="checkbox" id="expanded">
  44.                         <div>{{ taxon.description|raw }}</div>
  45.                         <label for="expanded" role="button">Voir plus</label>
  46.                     </div>
  48.                 {# {% else %}
  49.                     {{ taxon.description|raw }}
  50.                 {% endif %} #}
  51.             
  52.             </div>
  54.         {% endif %}
  55.         
  56.     </div>
  58.     {% if variants|length < 5 %}
  59.         {% set bloc_image = 4 %}
  60.     {% elseif variants|length < 11 %}
  61.         {% set bloc_image = 10 %}
  62.     {% else %}
  63.         {% set bloc_image = 16 %}
  64.     {% endif %}
  66.     <div class="categorie-listing">
  68.          {% if is_mobile() and not is_device('iPad')  %}
  70.             <div class="mobile-filters">
  72.                 <div class="mobile-filters-left">
  73.                     {{ 'app.front.listing.filter'|trans }}
  74.                 </div>
  76.                 <div class="mobile-filters-right">
  77.                     {{ 'app.front.listing.sort'|trans }}
  78.                 </div>
  80.             </div>
  82.         {% endif %}
  85.         <div id="products-top">
  87.             
  88.             {# Filtres à facettes #}
  89.             {% include 'partials/block-facet-filters.html.twig' with {
  90.                 'ajaxUrl': path('app_taxon_ajax_list', {'taxonId': taxon.id})
  91.             } %}
  93.             {# Ordre des résultats #}
  94.             {% include 'partials/block-sort-results.html.twig' %}
  95.             
  96.         </div>
  97.         <div class="ui six cards listing1 containergrid containergrid{{ bloc_image }} js-ajax-list-products" data-offset="0" id="products" {{ sylius_test_html_attribute('products') }} {% if filtreUrl != '' %}data-filtreUrl={{ filtreUrl }} {% endif %}>
  98.             {% include 'taxons/taxon_list_products_ajax.html.twig' with {
  99.                 'variants': variants,
  100.                 'taxon': taxon
  101.             } only %}
  102.         </div>
  104.         <div class="btn-lien" style="display: {{ totalResults > maxViewResults ? 'flex' : 'none' }};">
  105.             <button class="js-ajax-more-products" data-add-to-offset="{{ maxViewResults }}">Voir +</button>
  106.         </div>
  107.          {% if totalResults > maxViewResults %}
  108.             <div class="pagination" data-total="{{ totalResults }}">  <span>{{ maxViewResults }}</span>&nbsp;sur {{ totalResults }}</div>
  109.         {% endif %}
  110.        
  112.     </div>
  114.     {% if taxon.singleArticle is not empty %}
  115.     {% include 'partials/block-article-guide.html.twig' with {'article': taxon.singleArticle} only %}
  116.     {% endif %}
  118.     {% include 'partials/block-dejavu.html.twig' %}
  119.     
  120.     {% if taxon.rectangleOrangeText is not empty %}
  121.     <div class="bandeauorange">
  122.        <div class="bandeauorange-ctn">
  123.             {% if taxon.getImagesByType('image_taxon_rectangle_orange')|length > 0 %}
  124.             <img src="{{ taxon.getImagesByType('image_taxon_rectangle_orange').first.path|imagine_filter('app_taxon_image_taxon_rectangle_orange') }}" class="ui image" />
  125.             {% endif %}
  126.             {{ taxon.rectangleOrangeText|raw }}
  127.             {% if taxon.rectangleOrangeTextButton is not empty and taxon.rectangleOrangeTextUrl is not empty %}
  128.             <a href="{{ taxon.rectangleOrangeTextUrl }}">{{ taxon.rectangleOrangeTextButton }}</a>
  129.             {% endif %}
  130.         </div>
  131.     </div>
  132.     {% endif %}
  134.     {% include 'taxons/taxon_referencement_block.html.twig' with {
  135.         'taxon': taxon,
  136.         'referencementllinks': referencementllinks
  137.     } only %}
  138. </div>
  139. {% endblock %}