themes/BootstrapTheme/templates/bundles/SyliusShopBundle/Taxon/_verticalMenu.html.twig line 1

Open in your IDE?
  1. {% import "@SyliusShop/Common/Macro/icons.html.twig" as icons %}
  3. {{ sylius_template_event('sylius.shop.product.index.before_vertical_menu', {'taxon': taxon}) }}
  5. <div class="row categorie-detail  pb-md-3">
  6.     <div class="col-xl-4 col-md-6  order-md-2">
  7.         <div class="object-fit-img h-100 pr-xl-3">
  8.             {% if taxon.images | length > 0 %}
  9.                 {% if taxon.images | length > 1 %}
  10.                     {% set image = taxon.images[1] %}
  11.                     {% set path = image.path is not null ? image.path|imagine_filter('app_shop_taxon_show_main') %}
  12.                 {% else %}
  14.                     {% set path = taxon.images.first.path is not null ? taxon.images.first.path|imagine_filter('app_shop_taxon_show_main') %}
  15.                  {% endif %}
  16.             {% else %}
  17.                 {% set path = asset('images/img_categ.jpg') %}
  18.             {% endif %}
  19.             <img src="{{ path }}" alt="{{ taxon.name }}" class="" />
  20.         </div>
  21.     </div>
  22.     <div class="col-12 order-md-1">
  23.         <div class="px-md-0 px-2">
  24.           {{ render(url('sylius_shop_partial_taxon_show_by_slug', {'slug': taxon.slug,'template': '@SyliusShop/Taxon/_breadcrumb.html.twig'})) }}
  25.         </div>
  26.     </div>
  27.     <div class="col-xl-8 col-md-6 pl-xl-1  order-md-3">
  28.         <div class="px-md-0  px-2">
  29.             <h1 class="title-medium mb-2 lib-categ  text-center text-md-left mb-md-3 text-uppercase">{{ taxon.name }} </h1>
  30.             <div class="text-grey text-regular-onlg expand-me-mobile">
  31.                 {{ taxon.description|raw }}
  33.             </div>
  35.         </div>
  37.     </div>
  39. </div>
  40.  {% if taxon.children|length > 0 %}
  41. <div class="ss-categ-content">
  42.     <div class="title-ss-regular text-md-left text-center ">{{ 'app.taxon.sub_categories'|trans }}</div>
  43.     <div class="padding-mobile-ss">
  44.         <div class=" mt-md-2 ss-categ pt-3  text-regular-onlg fontsize-mobile-text categ-ss-list swiper-container">
  45.             <div class="swiper-wrapper">
  47.                 {% for childTaxon in taxon.children %}
  48.                     {% if childTaxon.enabled %}
  49.                         <div class="swiper-slide swiper-sscateg-bit">
  50.                             <a href="{{ path('sylius_shop_product_index', {'slug': childTaxon.slug, '_locale': childTaxon.translation.locale, 'id': childTaxon.oldId}) }}" class="ss-categ-link hover-img-scale">
  51.                             <strong>
  52.                                 {% if childTaxon.images.first %}
  53.                                     {% set path_child = childTaxon.images.first.path|imagine_filter(filter|default('app_shop_taxonchildren_show')) %}
  54.                                     <img src="{{ path_child }}" alt="{{ childTaxon.name }}" class="" />
  55.                                 {% else %}
  56.                                     {% set path_child = asset('images/spacer.png') %}
  57.                                     <img src="{{ path_child }}" alt="{{ childTaxon.name }}" class="w-100" />
  58.                                 {% endif %}
  60.                             </strong>
  61.                             <h2><span>{{ childTaxon.name }}</span></h2></a>
  62.                         </div>
  63.                     {% endif %}
  64.                 {% endfor %}
  65.             </div>
  67.         </div>
  68.     </div>
  69.     <div class="text-center content-pagination pt-md-3 pt-2">
  70.         <div class="select-container position-relative">
  71.             <div class="ss-prev btn2-slide-prev"></div>
  72.             <div class="ss-next btn2-slide-next"></div>
  73.             <div class="swiper-pagination swiper-pagination-ss"></div>
  74.         </div>
  75.     </div>
  76. </div>
  77. {% endif %}
  78. {{ sylius_template_event('sylius.shop.product.index.after_vertical_menu', {'taxon': taxon}) }}