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

Open in your IDE?
  1. {% extends '@SyliusShop/layout.html.twig' %}
  3. {# {% block title %}
  4.     Nos collections | {{ parent() }}
  5. {% endblock %}
  7. {% block metatags %}
  8.     {{ parent() }}
  9.     <meta name="description" content="Découvrez les collections éphémères, classiques et enfants Papa Pique et Maman Coud. Accessoires de mode et Tissu. Livraison gratuite en boutique." />
  10. {% endblock %} #}
  12. {% block title %}{{ bitbag_cms_render_block('metatitle-collection') }} | {{ parent() }}{% endblock %}
  14. {% block metatags %}
  15.     {{ parent() }}
  16.     <meta name="description" content="{{ bitbag_cms_render_block('metadesc-collection')|striptags|raw|replace({"\n": "", "\r": "", "\t": ""}) }}" />  
  17. {% endblock %}
  20. {% block container_css_classes %}
  21. {% apply spaceless %}
  22.     bitbag_sylius_cms_plugin_shop_page_show
  23. {% endapply %}
  24. {% endblock %}
  26. {% block content %}
  27. <div class="page-content typecms6" style="background-image: url('/webapic-theme/images/asupprimer/page-bg-content-full.png')">
  29.     {# Fil d'ariane #}
  30.     {{ wo_render_breadcrumbs() }}
  32.     <div class="page-content-ctn">
  34.         <div class="page-content-left">
  35.             <img src="/webapic-theme/images/asupprimer/page-bg-content-left2.svg" class="ui image">
  36.         </div>
  38.         <div class="page-content-middle">
  39.             <h1 class="bitbag-page-name">{{ 'app.front.collections.indextitle'|trans }} PPMC</h1>
  40.             <div class="bitbag-page-content">
  41.                 <p>{{ 'app.front.collections.indexdesc'|trans }}</p>
  42.             </div>
  43.         </div>
  44.         {#
  45.         <div class="page-content-right">
  46.             <div id="circle">
  47.                 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewbox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">
  48.                     <defs>
  49.                         <path id="circlePath" d=" M 150, 150 m -60, 0 a 60,60 0 0,1 120,0 a 60,60 0 0,1 -120,0 "></path>
  50.                     </defs>
  51.                     <circle cx="150" cy="100" r="75" fill="none"></circle>
  52.                     <g>
  53.                         <use xlink:href="#circlePath" fill="none"></use>
  54.                         <text fill="#fff" textLength="550px">
  55.                             <textPath xlink:href="#circlePath" textLength="550px">
  56.                                 Les collections PPMC
  57.                             </textPath>
  58.                         </text>
  59.                     </g>
  60.                 </svg>
  61.             </div>
  62.         </div>
  63.         #}
  64.     </div>
  65. </div>
  66. <div class="bitbag-block">
  68.     <div class="block-type21 block-type15">
  69.         <h2>{{ 'app.front.collections.indexlast1'|trans }} <a href="{{ path('app_collection_category', {'slugCategory': linkscat.temporary}) }}"><strong>collections</strong> <span>{{ 'app.front.collections.cat1'|trans }}</span></a></h2>
  70.         <a class="link-all" href="{{ path('app_collection_category', {'slugCategory': linkscat.temporary}) }}">{{ 'app.front.collections.indexlast2'|trans }}</a>
  71.         <div class="block-type15-ctn">
  72.             {% for collection in collectionsTemporary %}
  73.             <div class="categorie">
  74.                 <a href="{{ path('app_collection_show', {'slugCategory': linkscat.temporary, 'slug': collection.slug}) }}" class="top">
  75.                     <div class="img-ctn">
  76.                         {% if collection.imagesByType('image_collection_main_left')|length > 0 %}
  77.                         <img class="ui image" src="{{ collection.imagesByType('image_collection_main_left').first.path|imagine_filter('app_taxon_image_taxon_main') }}" />
  78.                         {% else %}
  79.                         <img class="ui image" src="{{ asset('webapic-theme/images/placeholder-category-image.png') }}" />
  80.                         {% endif %}
  81.                     </div>
  82.                     <h3>{{ collection.title }}</h3>
  83.                 </a>
  84.             </div>
  85.             {% endfor %}
  86.         </div>
  87.     </div>
  89.     <div class="block-type21 block-type15">
  90.         <h2>{{ 'app.front.collections.indexlast1'|trans }} <a href="{{ path('app_collection_category', {'slugCategory': linkscat.temporary}) }}"><strong>collections</strong> <span>{{ 'app.front.collections.cat2'|trans }}</span></a></h2>
  91.          <a class="link-all" href="{{ path('app_collection_category', {'slugCategory': linkscat.classic}) }}">{{ 'app.front.collections.indexlast2'|trans }}</a>
  92.         <div class="block-type15-ctn">
  93.             {% for collection in collectionsClassic %}
  94.             <div class="categorie">
  95.                 <a href="{{ path('app_collection_show', {'slugCategory': linkscat.classic, 'slug': collection.slug}) }}" class="top">
  96.                     <div class="img-ctn">
  97.                         {% if collection.imagesByType('image_collection_main_left')|length > 0 %}
  98.                         <img class="ui image" src="{{ collection.imagesByType('image_collection_main_left').first.path|imagine_filter('app_taxon_image_taxon_main') }}" />
  99.                         {% else %}
  100.                         <img class="ui image" src="{{ asset('webapic-theme/images/placeholder-category-image.png') }}" />
  101.                         {% endif %}
  102.                     </div>
  103.                     <h3>{{ collection.title }}</h3>
  104.                 </a>
  105.             </div>
  106.             {% endfor %}
  107.         </div>
  108.     </div>
  110.     <div class="block-type21 block-type15">
  111.         <h2>{{ 'app.front.collections.indexlast1'|trans }} <a href="{{ path('app_collection_category', {'slugCategory': linkscat.temporary}) }}"><strong>collections</strong> <span>{{ 'app.front.collections.cat3'|trans }}</span></a></h2>
  112.         <a class="link-all" href="{{ path('app_collection_category', {'slugCategory': linkscat.children}) }}">{{ 'app.front.collections.indexlast2'|trans }}</a>
  113.         <div class="block-type15-ctn">
  114.             {% for collection in collectionsChildren %}
  115.             <div class="categorie">
  116.                 <a href="{{ path('app_collection_show', {'slugCategory': linkscat.children, 'slug': collection.slug}) }}" class="top">
  117.                     <div class="img-ctn">
  118.                         {% if collection.imagesByType('image_collection_main_left')|length > 0 %}
  119.                         <img class="ui image" src="{{ collection.imagesByType('image_collection_main_left').first.path|imagine_filter('app_taxon_image_taxon_main') }}" />
  120.                         {% else %}
  121.                         <img class="ui image" src="{{ asset('webapic-theme/images/placeholder-category-image.png') }}" />
  122.                         {% endif %}
  123.                     </div>
  124.                     <h3>{{ collection.title }}</h3>
  125.                 </a>
  126.             </div>
  127.             {% endfor %}
  128.         </div>
  129.     </div>
  131.     {# <div class="block-type21 block-type15">
  132.         <h2>Les <strong>dernières</strong> collections</h2>
  133.         <div class="block-type15-ctn">
  134.             {% for collection in lastestCollections %}
  135.             <div class="categorie">
  136.                 <a href="{{ path('app_collection_show', {'slug': collection.slug}) }}" class="top">
  137.                     <div class="img-ctn">
  138.                         {% if collection.imagesByType('image_collection_main_left')|length > 0 %}
  139.                         <img class="ui image" src="{{ collection.imagesByType('image_collection_main_left').first.path|imagine_filter('app_taxon_image_taxon_main') }}" />
  140.                         {% else %}
  141.                         <img class="ui image" src="{{ asset('webapic-theme/images/placeholder-category-image.png') }}" />
  142.                         {% endif %}
  143.                     </div>
  144.                     <h2>{{ collection.title }}</h2>
  145.                 </a>
  146.             </div>
  147.             {% endfor %}
  148.         </div>
  149.     </div> #}
  151.     {# <div class="block-type21 block-type15">
  152.         <h2>Toutes les collections</h2>
  153.         <div class="block-type15-ctn">
  154.         {% for collection in collections %}
  155.             <div class="categorie">
  156.                 <a href="{{ path('app_collection_show', {'slug': collection.slug}) }}" class="top">
  157.                     <div class="img-ctn">
  158.                         {% if collection.imagesByType('image_collection_main_left')|length > 0 %}
  159.                         <img class="ui image" src="{{ collection.imagesByType('image_collection_main_left').first.path|imagine_filter('app_taxon_image_taxon_main') }}" />
  160.                         {% else %}
  161.                         <img class="ui image" src="{{ asset('webapic-theme/images/placeholder-category-image.png') }}" />
  162.                         {% endif %}
  163.                     </div>
  164.                     <h2>{{ collection.title }}</h2>
  165.                 </a>
  166.             </div>
  167.         {% endfor %}
  168.         </div>
  169.     </div> #}
  170. </div>
  171. {% endblock %}