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

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