{% block component_banner_product_box %} {% set categoryId = page.header.navigation.active.customFields.custom_listing_banner_category %} {% set imgMediaId = page.header.navigation.active.customFields.custom_category_info_listing_banner %} {% set category = get_category(categoryId) %} {% set media = searchMedia([imgMediaId], context.context) %} {% set img = media.get(imgMediaId) %} <div class="card product-banner"> <img src="{{ img.url }}" alt="{{ category.name }}" title="{{ category.name }}" class="product-banner-img"> <a href="{{ category_url(category) }}" class="product-banner-wrapper"> <div class="product-banner-action-wrapper d-flex align-items-center justify-content-between"> <span class="product-banner-action-text">{{ category.name }}</span> <div class="product-banner-action-icon">{% sw_icon 'arrow-medium-right' style { 'size': 'fluid', 'pack': 'solid'} %} </div> </div> </a> </div>{% endblock %}