custom/plugins/JkwebShopwareCategoryListingPlugin/src/Resources/views/storefront/element/cms-element-category-listing/category-item.html.twig line 1

Open in your IDE?
  1. {% block element_category_listing_item %}
  3.     {% set headingPosition = element.data.headingPosition|default('top') %}
  5.     <div class="cms-element-category-listing-category-item">
  6.         {% block element_category_listing_item_inner %}
  7.             {% block element_category_listing_item_heading %}
  8.                 {% if(headingPosition == 'top' or headingPosition == 'overlay') %}
  9.                     <h2 class="cms-element-category-listing-item-title cms-element-category-listing-item-title--{{ headingPosition }}">
  10.                         {% block element_category_listing_item_heading_inner %}
  11.                             <a href="{{ category_url(category) }}"
  12.                                     {% if category_linknewtab(category) %} target="_blank" {% endif %}
  13.                                class="stretched-link" title="{{ category.translated.name }}">
  14.                                 {{ category.translated.name }}
  15.                             </a>
  16.                         {% endblock %}
  17.                     </h2>
  18.                 {% endif %}
  19.             {% endblock %}
  20.             {% block element_category_listing_item_image %}
  21.                 <div class="cms-element-category-listing-item-image-wrapper">
  22.                     {% if category.media %}
  23.                         {% block element_category_listing_item_image_inner %}
  24.                             {% sw_thumbnails 'cms-element-category-listing-item-image' with {
  25.                                 media: category.media,
  26.                                 sizes: {
  27.                                     default: '720px',
  28.                                 },
  29.                                 attributes: {
  30.                                     class: 'img-fluid cms-element-category-listing-item-image',
  31.                                     alt: (category.media.translated.alt ?: ''),
  32.                                     title: (category.media.translated.title ?: ''),
  33.                                     'data-object-fit': 'cover',
  34.                                 },
  35.                             } %}
  36.                         {% endblock %}
  37.                     {% else %}
  38.                         <div class="cms-element-category-listing-item-image-placeholder">
  39.                             {% sw_icon 'placeholder' style {
  40.                                 'size': 'fluid'
  41.                             } %}
  42.                         </div>
  43.                     {% endif %}
  44.                 </div>
  45.             {% endblock %}
  46.             {% block element_category_listing_item_heading_bottom %}
  47.                 {% if(headingPosition == 'bottom') %}
  48.                     <h2 class="cms-element-category-listing-item-title cms-element-category-listing-item-title--bottom">
  49.                         {% block element_category_listing_item_heading_bottom_inner %}
  50.                             <a href="{{ category_url(category) }}"
  51.                                     {% if category_linknewtab(category) %} target="_blank" {% endif %}
  52.                                class="stretched-link" title="{{ category.translated.name }}">
  53.                                 {{ category.translated.name }}
  54.                             </a>
  55.                         {% endblock %}
  56.                     </h2>
  57.                 {% endif %}
  58.             {% endblock %}
  59.         {% endblock %}
  60.     </div>
  61. {% endblock %}