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

Open in your IDE?
  1. {% extends '@SyliusShop/layout.html.twig' %}
  3. {% block title %}{{ articleCategory.metaTitle }} - {{ parent() }}{% endblock %}
  5. {% block metatags %}
  6.     {{ parent() }}
  7.     <meta name="description" content="{{ articleCategory.metaDescription }}" />
  8. {% endblock %}
  10. {% block container_css_classes %}
  11. {% apply spaceless %}
  12. bitbag_sylius_cms_plugin_shop_page_show
  13. {% endapply %}
  14. {% endblock %}
  16. {% block content %}
  17. <div class="page-content typecms2" style="background-image: url('/webapic-theme/images/asupprimer/page-bg-content-full.png')">
  19.     {# Fil d'ariane #}
  20.     {{ wo_render_breadcrumbs() }}
  22.     <div class="page-content-ctn">
  24.         <div class="page-content-left">
  25.             <img src="/webapic-theme/images/asupprimer/page-bg-content-left.svg" class="ui image">
  26.         </div>
  28.         <div class="page-content-middle">
  29.             <h1 class="bitbag-page-name">{{ articleCategory.name }}</h1>
  30.             <div class="bitbag-page-content">
  31.                 <p>{{ articleCategory.description|raw }}</p>
  32.             </div>
  33.         </div>
  34.     </div>
  35. </div>
  37. {# <div class="categorie">
  38.     <div class="categorie-childrens">
  39.         <div class="categorie-childrens-ctn">
  40.             <div class="carouseel">
  41.                 {% for articleCategory in articleCategories %}
  42.                     <div class="child">
  43.                         <div class="categorie">
  44.                             <a href="{{ path('app_leguide_category', {'slug': articleCategory.slug}) }}" class="top">
  45.                                 {% if articleCategory.imagesByType('image_article_category_main').first() is not empty %}
  46.                                     <img class="ui image" src="{{ articleCategory.imagesByType('image_article_category_main').first().path|imagine_filter('app_taxon_image_taxon_main') }}" />
  47.                                 {% else %}
  48.                                     <img class="ui image" src="{{ asset('webapic-theme/images/placeholder-category-image.png') }}"/>
  49.                                 {% endif %}
  50.                                 <h2>{{ articleCategory.name }}</h2>
  51.                             </a>
  52.                         </div>
  53.                     </div>
  54.                 {% endfor %}
  55.             </div>
  56.         </div>
  57.     </div>
  58. </div> #}
  60. {% if articles is not empty %}
  61. <div class="categorie guide-categorie">
  62.      <div class="categorie-looks">   
  63.         <div class="categorie-looks-ctn">
  64.             {# <h2>Nos articles</h2> #}
  65.             <div class="no-caroussel">
  66.                 {% for article in articles %}
  67.                 <div class="look">
  68.                      <a href="{{ path('app_leguide_article', {'slugCategory': article.articleCategory.slug, 'slug': article.slug, 'articleId': article.id}) }}" class="top">
  69.                         {% if article.imagesByType('image_article_main')|length > 0 %}
  70.                         <img class="ui image" src="{{ article.imagesByType('image_article_main').first.path|imagine_filter('sylius_shop_product_original') }}" />
  71.                         {% endif %}                   
  72.                         <h2 class="categorie-looks-description">
  73.                             {% if article.titleVignette is not empty %}
  74.                                 {{ article.titleVignette }}
  75.                             {% else %}
  76.                                  {{ article.title }}
  77.                             {% endif %}
  78.                         </h2>
  79.                     </a>
  80.                 </div>
  81.                 {% endfor %}
  82.             </div>  
  83.         </div> 
  84.     </div>
  85. </div>
  86. {% endif %}
  88. {% endblock %}