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

Open in your IDE?
  1. {% block element_oo_categoryhighlight %}
  2.         <div class="oo-category-highlight">
  3.             {#{% for i in 1..3 %}#}
  4.             {% set i = 1 %}
  5.             {% set img_id = element.config['cat' ~ i ~ 'image'].value %}
  6.             {% set cat_id = element.config['cat' ~ i ~ 'category'].value %}
  7.             {% set alt_text = element.config['cat' ~ i ~ 'text'].value %}
  8.             {% set alt_url = element.config['cat' ~ i ~ 'url'].value %}
  10.             {% set media = img_id ? searchMedia([img_id], context.context) : '' %}
  11.             {% set category = page.cmsPage.extensions.categories.elements[cat_id] %}
  13.             {% block element_oo_categoryhighlight_item %}
  14.                 <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 border border-dark rounded mr-2 p-0 oo-category-highlight-item">
  15.                     <div class="oo-cat-image mt-auto mb-auto mr-2" style="">
  16.                         {% if media %}
  17.                             {% sw_thumbnails 'sibling-cover-thumbnails' with {
  18.                                 media: media.first(),
  19.                                 sizes: {
  20.                                     'default': '75px'
  21.                                 },
  22.                                 attributes: {
  23.                                     'style': 'width:100%;',
  24.                                     'alt': (category.translated.name ?: category.translated.name),
  25.                                 }
  26.                             } %}
  27.                         {% endif %}
  28.                     </div>
  29.                     <div class="oo-cat-name pl-4 pr-4 font-weight-bold text-dark m-md-auto">
  30.                         {{ alt_text ? alt_text : (category.translated.name ?: category.translated.name) }}
  31.                     </div>
  32.                 </a>
  33.             {% endblock %}
  34. {#{% endfor %}#}
  35.         </div>
  36. {% endblock %}