custom/plugins/AtcCustom/src/Resources/views/storefront/element/cms-element-oo-categorybox-2.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@parent/storefront/element/cms-element-oo-categorybox-2.html.twig' %}
  3. {% block element_oo_categoryhighlight %}
  4.         <div class="oo-category-highlight">
  5.             {#{% for i in 1..3 %}#}
  6.             {% set i = 1 %}
  7.             {% set img_id = element.config['cat' ~ i ~ 'image'].value %}
  8.             {% set cat_id = element.config['cat' ~ i ~ 'category'].value %}
  9.             {% set alt_text = element.config['cat' ~ i ~ 'text'].value %}
  10.             {% set alt_url = element.config['cat' ~ i ~ 'url'].value %}
  12.             {% set media = img_id ? searchMedia([img_id], context.context) : '' %}
  13.             {% set category = page.cmsPage.extensions.categories.elements[cat_id] %}
  15.             {% block element_oo_categoryhighlight_item %}
  16.                 <a {% if category %}href="{{ alt_url ? alt_url : seoUrl('frontend.navigation.page', { navigationId: category.id }) }}{% endif %}" class="col-12 d-flex flex-row justify-content-between mr-2 p-0 oo-category-highlight-item">
  17.                     <div class="oo-cat-image mt-auto mb-auto mr-2" style="">
  18.                         {% if media %}
  19.                             {% sw_thumbnails 'sibling-cover-thumbnails' with {
  20.                                 media: media.first(),
  21.                                 sizes: {
  22.                                     'default': '75px'
  23.                                 },
  24.                                 attributes: {
  25.                                     'style': 'width:100%;',
  26.                                     'alt': (category.translated.name ?: category.translated.name),
  27.                                 }
  28.                             } %}
  29.                         {% endif %}
  30.                     </div>
  31.                     <div class="oo-cat-name pl-4 pr-4 m-md-auto">
  32.                         {{ alt_text ? alt_text : (category.translated.name ?: category.translated.name) }}
  33.                     </div>
  34.                 </a>
  35.             {% endblock %}
  36. {#{% endfor %}#}
  37.         </div>
  38. {% endblock %}