custom/plugins/SFCustom/src/Resources/views/storefront/element/cms-element-subcategories.html.twig line 1

Open in your IDE?
  1. {% block element_subcategories %}
  2.     {%  set config = element.fieldConfig.elements %}
  3.     <div class="cms-element-subcategories" style="height: 100%; width: 100%">
  4.         <ul class="row">
  5.             {% for subcategory in element.data.elements %}
  6.                 <li class="col-md-3 col-6">
  7.                     {% if subcategory.type=='link' %}
  8.                         {% if subcategory.linkType=='category' %}
  9.                             <a href="{{ seoUrl('frontend.navigation.page', {navigationId: subcategory.internalLink}) }}">
  10.                         {% elseif subcategory.linkType=='external' %}
  11.                             <a href="{{ subcategory.externalLink}}">
  12.                         {% endif %}
  13.                     {% else %}
  14.                         <a href="{{ seoUrl('frontend.navigation.page', {navigationId: subcategory.id}) }}">
  15.                     {% endif %}
  16.                     
  17.                         <div class="cat-img">
  18.                             {% if subcategory.linkType=='category' %}
  19.                                 {% set TargetCategory = getCategoryByID(subcategory.internalLink, context.context) %}
  20.                                 {% if TargetCategory.media %}
  21.                                     {% sw_thumbnails 'moorl-listing-item-image-thumbnails' with {
  22.                                         media: TargetCategory.media,
  23.                                         attributes: {
  24.                                             'itemprop': 'image',
  25.                                             'alt': title,
  26.                                             'class': "is-#{config.displayMode.value}",
  27.                                             'style': imageCss|join(';'),
  28.                                             'title': ''
  29.                                         }
  30.                                     } %}
  31.                                 {% else %}
  32.                                     <div class="product-image-placeholder">
  33.                                         {% sw_icon 'placeholder' style {
  34.                                             'size': 'fluid'
  35.                                         } %}
  36.                                     </div>
  37.                                 {% endif %}
  38.                             {% else %}
  39.                                 {% if subcategory.media %}
  40.                                     {% sw_thumbnails 'moorl-listing-item-image-thumbnails' with {
  41.                                         media: subcategory.media,
  42.                                         attributes: {
  43.                                             'itemprop': 'image',
  44.                                             'alt': title,
  45.                                             'class': "is-#{config.displayMode.value}",
  46.                                             'style': imageCss|join(';'),
  47.                                             'title': ''
  48.                                         }
  49.                                     } %}
  50.                                 {% else %}
  51.                                     <div class="product-image-placeholder">
  52.                                         {% sw_icon 'placeholder' style {
  53.                                             'size': 'fluid'
  54.                                         } %}
  55.                                     </div>
  56.                                 {% endif %}
  57.                             {% endif %}
  58.                             
  59.                         </div>
  60.                         <div class="cat-title">
  61.                             {% set name = subcategory.translated.name %}
  62.                             {% for translation in subcategory.translations %}
  63.                                 {% if translation.languageId==context.salesChannel.languageId and translation.name !='' %}
  64.                                     {% set name = translation.name %}
  65.                                 {% endif %}
  66.                             {% endfor %}
  67.                             {{name}}
  68.                         </div>
  69.                     </a>
  70.                 </li>
  71.                 
  72.             {% endfor %}
  73.         </ul>
  74.     </div>
  76.     
  77. {% endblock %}