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

Open in your IDE?
  1. {% import "@SyliusShop/Common/Macro/money.html.twig" as money %}
  2. {% extends '@SyliusShop/layout.html.twig' %}
  3. {% block title %}
  4.     {{ taxon.seoTitle|default(taxon.name) }} | {{ parent() }}
  5. {% endblock %}
  6. {% block metatags %}
  7.     {{ parent() }}
  8.     {% if taxon.seoMetaDescription is not empty %}
  9.     <meta name="description" content="{{ taxon.seoMetaDescription }}" />
  10.     {% endif %}
  11. {% endblock %}
  12. {% block content %}
  13. {# Fil d'ariane #}
  14. {{ wo_render_breadcrumbs() }}
  15. <div class="categorie {% if taxon.children|length == 0 %}lastlevel{% endif %}" >
  16.     {% if taxon.categoryType == 'category_type_fabric' %}
  17.     {# Tissu - Titre et description à gauche - Liste de sous-categorie à droite #}
  18.     <div class="categorie-top  {% if taxon.children|length > 0 %}tissu{% endif %}">
  19.         {% if taxon.children|length > 0 %}
  20.         <div class="categorie-top-left">
  21.             <h1>{{ taxon.name }}</h1>
  22.              <div>
  23.                 <input type="checkbox" id="expanded">
  24.                 <div>{{ taxon.description|raw }}</div>
  25.                 <label for="expanded" role="button">{{ 'app.front.global.btn_voirplus'|trans }}</label>
  26.             </div>
  27.         </div>     
  28.         </div>
  29.         {% else %}
  30.         <div class="categorie-top-left">
  31.             <h1>{{ taxon.name }}</h1>
  32.         </div>
  33.         <div class="categorie-top-right">
  34.             {{ taxon.description|raw }}
  35.         </div>
  36.         {% endif %}
  37.     </div>
  38.     {% elseif taxon.categoryType == 'category_type_product' and taxon.imagesByType('image_taxon_mea_header')|length > 0 %}
  39.     {# Produits - MEA en en-tête - Titre et description à gauche #}
  40.     <div class="categorie-top categorie-top-mea">
  41.         <div class="categorie-top-left">
  42.             <h1>{{ taxon.name }}</h1>
  43.             {% if is_mobile() %}        
  44.                 <div>
  45.                     <input type="checkbox" id="expanded">
  46.                     <div>{{ taxon.description|raw }}</div>
  47.                     <label for="expanded" role="button">{{ 'app.front.global.btn_voirplus'|trans }}</label>
  48.                 </div>
  49.             {% else %}
  50.                 <div>{{ taxon.description|raw }}</div>
  51.             {% endif %}
  52.         </div>
  53.         <div class="categorie-top-right">
  54.             <img class="ui image" src="{{ taxon.imagesByType('image_taxon_mea_header').first.path|imagine_filter('app_taxon_entete_mea') }}" />
  55.         </div>
  56.     </div>
  57.     {% else %}
  58.     {# Produits - Pas de "MEA" - Titre et description #}
  59.     <div class="categorie-top categorie-top-text-and-desc">
  60.         <div class="categorie-top-left {% if taxon.description is empty %}full{% endif %}">
  61.             <h1>{{ taxon.name }}</h1>
  62.         </div>
  63.         {% if taxon.description is not empty %}
  64.             <div class="categorie-top-right">
  65.                 <input type="checkbox" id="expanded">
  66.                 <div>{{ taxon.description|raw }}</div>
  67.                                 <label for="expanded" role="button">Voir plus</label>
  68.             </div>
  69.         {% endif %}
  70.     </div>
  71.     {% endif %}
  72.     {% if taxon.categoryType == 'category_type_product' and taxon.children|length > 0 %}
  73.     {% include 'partials/block-categorie-childrens.html.twig' with {'taxonsChilds': taxon.children} only %}
  74.     {% endif %}
  75.     {# Tissu - Liste des produits #}
  76.     {% if taxon.categoryType == 'category_type_fabric' %}
  77.         {% if variants|length < 5 %}
  78.             {% set bloc_image = 4 %}
  79.         {% elseif variants|length < 11 %}
  80.             {% set bloc_image = 10 %}
  81.         {% else %}
  82.             {% set bloc_image = 16 %}
  83.         {% endif %}
  84.         <div class="categorie-listing tissu">
  85.             <div id="products-top">
  86.                 {# Filtres à facettes #}
  87.                 {% include 'partials/block-facet-filters.html.twig' with {
  88.                     'ajaxUrl': path('app_taxon_ajax_list', {'taxonId': taxon.id})
  89.                 } %}
  90.                 {# Ordre des résultats #}
  91.                 {% include 'partials/block-sort-results.html.twig' %}
  92.             </div>
  93.             <div class="ui six cards listing1 containergrid containergrid{{ bloc_image }} js-ajax-list-products" id="products" {{ sylius_test_html_attribute('products') }} {% if filtreUrl != '' %}data-filtreUrl={{ filtreUrl }} {% endif %}>
  94.                 {% include 'taxons/taxon_list_products_ajax.html.twig' with {
  95.                     'variants': variants,
  96.                     'taxon': taxon
  97.                 } only %}
  98.             </div>
  99.             
  100.             <div class="btn-lien" style="display: {{ totalResults > maxViewResults ? 'flex' : 'none' }};">
  101.                 <button class="js-ajax-more-products" data-add-to-offset="{{ maxViewResults }}">Voir +</button>
  102.             </div>
  103.             {% if totalResults > maxViewResults %}
  104.                 <div class="pagination" data-total="{{ totalResults }}">  <span>{{ maxViewResults }}</span>&nbsp;sur {{ totalResults }}</div>
  105.             {% endif %}
  106.         </div>
  107.     {% endif %}
  108.     {# Affiche les nouveautés uniquement si on est dans une catégorie "produit" (= non tissu) #}
  109.     {% if newestProducts is defined and newestProducts|length > 0 and taxon.categoryType == 'category_type_product' %}
  110.         <div class="categorie-produitsnouveaux">
  111.             <div class="categorie-produitsnouveaux-ctn">
  112.                 <div class="title">
  113.                     {{ 'app.front.categorie.produitsnouveaux1'|trans }}
  114.                     <h2>{{ 'app.front.categorie.produitsnouveaux2'|trans }} <strong>{{ 'app.front.categorie.produitsnouveaux3'|trans }}</strong> !</h2>
  115.                 </div>
  116.                 <div class="listing1 caroussel">
  117.                     {% for product in newestProducts %}
  118.                         {% if product.hasImages %}
  119.                             {% include 'products/single_product_in_circle.html.twig' with {'product': product} only %}
  120.                         {% endif %}
  121.                     {% endfor %}
  122.                 </div>
  123.                 <div class="btn-lien" style="display: flex; margin-top: 25px">
  124.                     <a href="{{ path('app_search_result', {'facets[taxons]': taxon.id}) }}">{{ 'app.front.categorie.produitsnouveaux4'|trans }} {{ taxon.name|capitalize }}</a>
  125.                 </div>
  126.             </div>
  127.         </div>
  128.     {% endif %}
  129.     {% if articles|length > 0 %}  
  130.         {% include 'partials/block-list-article-guide.html.twig' with {
  131.             'title': taxon.singleArticleCategoryTitle,
  132.             'titleen': taxon.singleArticleCategoryTitleen,
  133.             'articles': articles
  134.         } only %}
  135.     {% endif %}
  136.     {% if ctas is defined and ctas is not empty %}
  137.         <div class="categorie-cta">
  138.             <div class="categorie-cta-ctn">
  139.                 {% for cta in ctas|slice(0, 2) %}
  140.                 <div class="cta">
  141.                     {% if cta.link is not empty %}
  142.                     <a href="{{ cta.link }}">
  143.                         <img src="{{ cta.image_path|imagine_filter('app_taxon_image_ctas') }}" class="ui image" />
  144.                     </a>
  145.                     {% else %}
  146.                     <img src="{{ cta.image_path|imagine_filter('app_taxon_image_ctas') }}" class="ui image" />
  147.                     {% endif %}
  148.                 </div>   
  149.                 {% endfor %}
  150.             </div>
  151.         </div>
  152.     {% endif %}
  153.     {# {% include 'partials/block-fidelity-program.html.twig' %} #}
  154.     {{ bitbag_cms_render_block('fidelite') }}
  155.     {% include 'partials/block-dejavu.html.twig' %}
  156.     {% include 'taxons/taxon_referencement_block.html.twig' with {
  157.         'taxon': taxon,
  158.         'referencementllinks': referencementllinks
  159.     } only %}
  160. </div>
  161. {% endblock %}