custom/plugins/HyBuys/src/Resources/views/storefront/layout/navigation/flyout.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/layout/navigation/flyout.html.twig' %}
  3. {% block layout_navigation_flyout %}
  4.     {% set category = navigationTree.category %}
  5.     {% set name = category.translated.name %}
  6.     {% block layout_navigation_flyout_bar %}
  7.         <div class="page_container">
  10.         {% block layout_navigation_flyout_bar_close %}
  11.         {% endblock %}
  12.     {% endblock %}
  14.     {% block layout_navigation_flyout_content %}
  15.         {#        <div class="navigation-flyout-content"> #}
  16.         {% block layout_navigation_flyout_categories %}
  17.             {#                <div class="{% if category.media %}col-8 col-xl-9{% else %}col{% endif %}"> #}
  18.             {#                    <div class="navigation-flyout-categories"> #}
  19.             {#                        {% block layout_navigation_flyout_categories_recoursion %} #}
  20.             {#                            {% sw_include '@Storefront/storefront/layout/navigation/categories.html.twig' with { #}
  21.             {#                                navigationTree: navigationTree.children, #}
  22.             {#                                navigationMedia: category.media, #}
  23.             {#                                page: page #}
  24.             {#                            } only %} #}
  25.             {#                        {% endblock %} #}
  26.             {#                    </div> #}
  27.             {#                </div> #}
  28.             <ul class="submenu_list">
  29.                 {% block layout_navigation_flyout_categories_recoursion %}
  30.                     {% sw_include '@Storefront/storefront/layout/navigation/main-categories.html.twig' with {
  31.                         navigationTree: navigationTree.children,
  32.                         navigationMedia: category.media,
  33.                         page: page
  34.                     } only %}
  35.                 {% endblock %}
  36.                 {% block layout_navigation_flyout_bar_category %}
  38.                     {% block layout_navigation_flyout_bar_category_link %}
  39.                         {% if category.type == 'page' %}
  40.                             <li class="view_all">
  41.                                 <a href="{{ seoUrl('frontend.navigation.page', { navigationId: category.id }) }}"
  42.                                    itemprop="url"
  43.                                    title="{{ name }}">
  44.                                     {% block layout_navigation_flyout_bar_category_link_text %}
  45.                                         {{ "general.toCategory"|trans|sw_sanitize }} {{ name }}
  46.                                     {% endblock %}
  47.                                 </a>
  48.                             </li>
  49.                         {% endif %}
  50.                     {% endblock %}
  52.                 {% endblock %}
  53.             </ul>
  54.         {% endblock %}
  58.         {% if category.customFields %}
  59.             {% if category.customFields.c_promo_type == 2 %}
  60.                 <div class="submenu_bnners">
  62.                     <div class="bnner_block wide_bnner">
  63.                         <div class="bnner_inner">
  64.                             <span class="bnner_image">
  65.                                 {% set image = searchMedia([category.customFields.c_promo_1_image], context.context).first %}
  67.                                 <img src="{{ image.url }}" alt="{{ category.customFields.c_promo_1_title }}"
  68.                                      title="{{ category.customFields.c_promo_1_title }}"
  69.                                      width="512" height="228"
  70.                                      srcset="{{ image.url }} 1x, {{ image.url }} 2x"
  71.                                 />
  72.                             </span>
  73.                             <span class="bnner_title">{{ category.customFields.c_promo_1_title }}</span>
  74.                             <span class="bnner_description">{{ category.customFields.c_promo_1_desc }}</span>
  75.                             {% if category.customFields.c_promo_1_buttontext %}
  76.                                 <a href="{{ category.customFields.c_promo_1_buttonlink }}"
  77.                                    class="bnner_btn">{{ category.customFields.c_promo_1_buttontext }}</a>
  78.                             {% endif %}
  79.                         </div>
  80.                     </div>
  81.                     <div class="bnner_block wide_bnner">
  82.                         <div class="bnner_inner">
  83.                             <span class="bnner_image">
  84.                                 {% set image = searchMedia([category.customFields.c_promo_2_image], context.context).first %}
  86.                                 <img src="{{ image.url }}" alt="{{ category.customFields.c_promo_2_title }}"
  87.                                      title="{{ category.customFields.c_promo_2_title }}"
  88.                                      width="512" height="228"
  89.                                      srcset="{{ image.url }} 1x, {{ image.url }} 2x"
  90.                                 />
  91.                             </span>
  92.                             <span class="bnner_title">{{ category.customFields.c_promo_2_title }}</span>
  93.                             <span class="bnner_description">{{ category.customFields.c_promo_2_desc }}</span>
  94.                             {% if category.customFields.c_promo_2_buttontext %}
  95.                                 <a href="{{ category.customFields.c_promo_2_buttonlink }}"
  96.                                    class="bnner_btn">{{ category.customFields.c_promo_2_buttontext }}</a>
  97.                             {% endif %}
  98.                         </div>
  99.                     </div>
  100.                 </div>
  101.             {% endif %}
  103.             {% if category.customFields.c_promo_type == 1 %}
  104.                 <div class="submenu_bnners">
  106.                     {# @var manufacturers \Shopware\Core\Framework\DataAbstractionLayer\Search\AggregationResult\Metric\EntityResult #}
  109.                     {#                        {{ dump(category.customFields.custom_manuf_brand[0]) }} #}
  110.                     {#                        <a class="navigation-flyout-teaser-image-container" #}
  111.                     {#                           href="{{ category_url(category) }}" #}
  112.                     {#                           {% if category_linknewtab(category) %}target="_blank" #}
  113.                     {#                           {% if category.linkType == "external" %}rel="noopener noreferrer"{% endif %} #}
  114.                     {#                            {% endif %} #}
  115.                     {#                           title="{{ name }}"> #}
  116.                     {#                            {% sw_thumbnails 'navigation-flyout-teaser-image-thumbnails' with { #}
  117.                     {#                                media: category.media, #}
  118.                     {#                                sizes: { #}
  119.                     {#                                    'default': '310px' #}
  120.                     {#                                }, #}
  121.                     {#                                attributes: { #}
  122.                     {#                                    'class': 'navigation-flyout-teaser-image', #}
  123.                     {#                                    'alt': (category.media.translated.alt ?: ''), #}
  124.                     {#                                    'title': (category.media.translated.title ?: ''), #}
  125.                     {#                                    'data-object-fit': 'cover' #}
  126.                     {#                                } #}
  127.                     {#                            } %} #}
  128.                     {#                        </a> #}
  129.                     <div class="bnner_block square_bnner">
  130.                         <div class="bnner_inner">
  131.                             <span class="bnner_image">
  132.                                 {% set image = searchMedia([category.customFields.c_promo_1_image], context.context).first %}
  134.                                 {#                                {% sw_thumbnails 'my-thumbnails' with { #}
  135.                                 {#                                media: image, #}
  136.                                 {#                                sizes: { #}
  137.                                 {#                                        'xs': '501px', #}
  138.                                 {#                                        'sm': '315px', #}
  139.                                 {#                                        'md': '427px', #}
  140.                                 {#                                        'lg': '333px', #}
  141.                                 {#                                        'xl': '284px', #}
  142.                                 {#                                        'default': '512px' #}
  143.                                 {#                                    } #}
  144.                                 {#                                } %} #}
  145.                                 <img src="{{ image.url }}" alt="{{ category.customFields.c_promo_1_title }}"
  146.                                      title="{{ category.customFields.c_promo_1_title }}"
  147.                                      width="512" height="228"
  148.                                      srcset="{{ image.url }} 1x, {{ image.url }} 2x"
  149.                                 />
  150.                             </span>
  151.                             <span class="bnner_title">{{ category.customFields.c_promo_1_title }}</span>
  152.                             <span class="bnner_description">{{ category.customFields.c_promo_1_desc }}</span>
  153.                             {% if category.customFields.c_promo_1_buttontext %}
  154.                                 <a href="{{ category.customFields.c_promo_1_buttonlink }}"
  155.                                    class="bnner_btn">{{ category.customFields.c_promo_1_buttontext }}</a>
  156.                             {% endif %}
  157.                         </div>
  158.                     </div>
  160.                 </div>
  161.             {% endif %}
  164.         {% endif %}
  167.         <input type="hidden" id="InputID" value="{{ category.id }}">
  169.         <ul class="brands_list" id="brands_list"></ul>
  170.         </div>
  171.     {% endblock %}
  172. {% endblock %}