custom/plugins/FourtwosixThemeExtension/src/Resources/views/storefront/element/fourtwosix-category-homepage.html.twig line 1

Open in your IDE?
  1. <div class="row cms-block-container-row row cms-row ">
  2. {# @fourtwosix-edit: rep is the #}
  3.     {% if data.repeat_column is defined and data.repeat_column is iterable %}
  5.         {# @fourtwosix-edit: These need to be defined only once #}
  6.         {% set attributes = {
  7.             'class': 'cms-image',
  8.             'data-object-fit': "cover",
  9.             'loading':"lazy"
  10.         } %}
  12.         {# @fourtwosix-edit: each repetition is a col with Text Image and Category Link #}
  13.         {% for element in data.repeat_column %}
  14.             {% set categoryLink = seoUrl('frontend.navigation.page', { navigationId:element.category.getId()}) %}
  15.             {% if element.media_category_background is defined and element.media_category_background is not null %}
  16.                 <div class="col-lg-4 col-md-6 pb-4">
  17.                     <div class="cms-element-image">
  18.                         {# @fourtwosix-edit: Link --------------------------- #}
  19.                         <a href="{{ categoryLink }}" class="cms-image-link text-decoration-none">
  20.                             <div class="cms-image-container is-cover d-flex align-items-center justify-content-center"
  21.                                  style="min-height: 340px;">
  22.                                 {# @fourtwosix-edit: Text ------------------- #}
  23.                                 {% if element.text_category_name is defined %}
  24.                                     <h5 class="d-inline-block text-over-image">{{ element.text_category_name }}</h5>
  25.                                 {% endif %}
  26.                                 {# @fourtwosix-edit: Image ------------------ #}
  27.                                 {% sw_thumbnails 'thumbnails' with {
  28.                                     media: element.media_category_background,
  29.                                 } %}
  30.                             </div>
  31.                         </a>
  32.                     </div>
  33.                 </div>
  34.             {% endif %}
  35.         {% endfor %}
  36.     {% endif %}
  37. </div>