custom/plugins/theme/src/Resources/views/storefront/layout/header/header.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/layout/header/header.html.twig' %}
  3. {# moved outside of container div because of full width #}
  4. {% block layout_top_bar %}
  5. {% endblock %}
  7. {% block layout_header_logo %}
  8.     <!-- script type="application/javascript" src="https://privacy-proxy.usercentrics.eu/latest/uc-block.bundle.js"></script -->
  9.     <div class="col-6 col-md-4 col-lg-auto header-logo-col order-1">
  10.         {% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %}
  11.     </div>
  12. {% endblock %}
  14. {% block layout_header_search %}
  15.     <div class="col-12 col-md-5 col-lg order-3 order-md-2 order-lg-2 header-search-col">
  16.         <div class="row">
  17.             <div class="col">
  18.                 {% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
  19.             </div>
  20.         </div>
  21.     </div>
  22. {% endblock %}
  24. {% block layout_header_actions %}
  25.     <div class="col-6 col-md-3 col-lg-auto order-1 order-md-3 header-actions-col">
  26.         <div class="row {{ gridNoGuttersClass }} justify-content-end align-items-center">
  27.             {% block layout_header_navigation_toggle %}
  28.             {% endblock %}
  30.             {% block layout_header_actions_account %}
  31.                 {% if doncarneConfig.beefClubCategory and doncarneConfig.beefClubPortalCategory and doncarneConfig.beefClubImage %}
  32.                     {% set imageId = doncarneConfig.beefClubImage %}
  33.                     {% set mediaCollection = searchMedia([imageId], context.context) %}
  34.                     {% set media = mediaCollection.get(imageId) %}
  35.                     {% set category = doncarneConfig.beefClubCategory  %}
  37.                     {% if context.customer and context.customer.groupId == doncarneConfig.beefClubCustomerGroup %}
  38.                         {% set category = doncarneConfig.beefClubPortalCategory  %}
  39.                     {% endif %}
  41.                     <a class="d-block header-beef-club" href="{{ seoUrl('frontend.navigation.page', { navigationId: category }) }}" title="Don Carne Beef Club">
  42.                         <img class="img-fluid" src="{{media.url}}" alt="Don Carne Beef Club">
  43.                     </a>
  44.                 {% endif %}
  46.                 <div class="col-auto">
  47.                     <div class="account-menu">
  48.                         {% sw_include '@Storefront/storefront/layout/header/actions/account-widget.html.twig' %}
  49.                     </div>
  50.                 </div>
  51.             {% endblock %}
  53.             {% if config('core.cart.wishlistEnabled') %}
  54.                 {% block layout_header_actions_wishlist %}
  55.                     {{ parent() }}
  56.                 {% endblock %}
  57.             {% endif %}
  59.             {% block layout_header_actions_cart %}
  60.                 {{ parent() }}
  61.                 <div class="col-auto d-lg-none">
  62.                     <div class="menu-button">
  63.                         {% block layout_header_navigation_toggle_button %}
  64.                             <button class="btn nav-main-toggle-btn header-actions-btn pb-0"
  65.                                     type="button"
  66.                                     data-offcanvas-menu="true"
  67.                                     aria-label="{{ "general.menuLink"|trans|striptags }}">
  68.                                 {% block layout_header_navigation_toggle_button_icon %}
  69.                                     {% sw_icon 'stack' %}
  70.                                 {% endblock %}
  71.                                 <span class="d-block text-primary font-weight-normal menu-icon-title">{{ "menu.title"|trans|sw_sanitize|upper }}</span>
  72.                             </button>
  73.                         {% endblock %}
  74.                     </div>
  75.                 </div>
  76.             {% endblock %}
  77.         </div>
  78.     </div>
  79.     {# moved to main.js javascript file
  80.     <!-- clerk ratings {literal} -->
  82.     <script>
  83.         async function fetchRating(sku) {
  84.             try {
  85.                 const response = await fetch(`https://doncarne.de/product-rating/${sku}`);
  86.                 const html = await response.text();
  87.                 const parser = new DOMParser();
  88.                 const doc = parser.parseFromString(html, 'text/html');
  89.                 const ratingElement = doc.querySelector('.product-review-rating__details');
  90.                 const rating = ratingElement ? ratingElement.textContent.trim() : '';
  91.                 const starsElement = doc.querySelector('.product-review-rating');
  92.                 const stars = starsElement ? starsElement.innerHTML : '';
  93.                 return { rating, stars };
  94.             } catch (error) {
  95.                 console.error('Error fetching rating for SKU:', sku, error);
  96.                 return { rating: '', stars: '' };
  97.             }
  98.         }
  100.         async function fetchAllRatings() {
  101.             const productRatingsElements = document.querySelectorAll('.product-ratings');
  102.             const fetchPromises = [];
  103.             productRatingsElements.forEach(productRatingElement => {
  104.                 const sku = productRatingElement.getAttribute('data-item-sku');
  105.                 if (sku) {
  106.                     fetchPromises.push(fetchRating(sku));
  107.                 }
  108.             });
  109.             const ratings = await Promise.all(fetchPromises);
  110.             productRatingsElements.forEach((productRatingElement, index) => {
  111.                 const { rating, stars } = ratings[index];
  112.                 productRatingElement.innerHTML = `
  113.             <div>
  114.                 <div class="product-stars">${stars}</div>
  115.                 <p style="color:#000;font-size:13px;margin-bottom:0px">${rating}</p>
  116.             </div>
  117.         `;
  118.             });
  119.         }
  121.         window.onload = fetchAllRatings;
  123.     </script>
  124.     <!-- Brevo Conversations {literal} -->
  125.     <script>
  126.         (function(d, w, c) {
  127.             w.BrevoConversationsID = '66755306756cb768ed6aa8bd';
  128.             w[c] = w[c] || function() {
  129.                 (w[c].q = w[c].q || []).push(arguments);
  130.             };
  131.             var s = d.createElement('script');
  132.             s.async = true;
  133.             s.src = 'https://conversations-widget.brevo.com/brevo-conversations.js';
  134.             if (d.head) d.head.appendChild(s);
  135.         })(document, window, 'BrevoConversations');
  136.     </script>
  137.     <!-- /Brevo Conversations {/literal} -->
  138.     #}
  139. {% endblock %}