custom/plugins/TdsOrlob/src/Resources/views/storefront/base.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/base.html.twig' %}
  3. {% block base_header %}
  4.     <div class="big-header">
  5.         <div class="inner-big-header">
  6.             {% if context.salesChannel.customFields.custom_site_marquee %}
  7.                 <marquee width="100%" direction="left">
  8.                     {{ 'tdsOrlob.topBar.marquee'|trans }}
  9.                 </marquee>
  10.             {% endif %}
  12.             <div class="info-bar bg-light">
  13.                 <div class="container text-center">
  14.                     <div class="row">
  15.                         <p class="mb-0 d-md-inline-block col-auto">
  16.                             {{ 'tdsOrlob.topBar.text'|trans|sw_sanitize }}
  17.                         </p>
  18.                         <div class="pl-md-3 col-auto">
  19.                             {% sw_include '@Storefront/storefront/layout/header/actions/language-widget.html.twig' %}
  20.                         </div>
  21.                     </div>
  22.                 </div>
  23.             </div>
  24.             
  25.             <header class="header-main">
  26.                 <div class="overlay-left"></div>
  27.                 <div class="overlay-right"></div>    
  28.             
  29.                 {% block base_header_inner %}
  30.                     <div class="container">
  31.                         {% sw_include '@Storefront/storefront/layout/header/header.html.twig' %}
  32.                     </div>
  33.                 {% endblock %}
  34.             </header>
  35.             
  36.             <div class="nav-main">
  37.                 {% sw_include '@Storefront/storefront/layout/navigation/navigation.html.twig' %}
  38.             </div>
  39.         </div>
  40.     </div>
  41.     
  42.     {% set articleVideoBackgroundId = page.product.customFields.custom_article_video_background %}
  43.     {% if articleVideoBackgroundId %}
  44.         {% set articleVideoBackgroundMediaCollection = searchMedia([articleVideoBackgroundId], context.context) %}
  45.         {% set articleVideoBackground = articleVideoBackgroundMediaCollection.get(articleVideoBackgroundId) %}
  46.     {% endif %}
  48.     {% set articleImageBackgroundId = page.product.customFields.custom_article_image_background %}
  49.     {% if articleImageBackgroundId %}
  50.         {% set articleImageBackgroundMediaCollection = searchMedia([articleImageBackgroundId], context.context) %}
  51.         {% set articleImageBackground = articleImageBackgroundMediaCollection.get(articleImageBackgroundId) %}
  52.     {% endif %}
  54.     <div class="fixed-background">
  55.         <div class="fixed-background-content gradient-{{page.product.customFields.custom_article_gradient_background}} background-color-{{page.product.customFields.custom_article_color_background}}">
  56.             {% if articleImageBackgroundId %}
  57.                 <img class="image-fixed-background" src="{{ articleImageBackground.url }}"/>
  58.             {% endif %}
  60.             {% if articleVideoBackgroundId %}
  61.                 <video autoplay muted loop playsinline class="video-fixed-background">
  62.                     <source src="{{ articleVideoBackground.url }}" type="video/mp4" />
  63.                 </video>
  64.             {% endif %}
  65.         </div>
  66.     </div>
  67. {% endblock %}
  69. {% block base_navigation_inner %}
  70. {% endblock %}
  72. {% block base_body_script %}
  73.     {{ parent() }}
  74.     {% if context.currentCustomerGroup.name == "Admin" %}
  75.         {{ dump() }}
  77.         <style>
  78.             .sf-toolbar,
  79.             .sf-dump {
  80.                 display: block !important;
  81.             }
  82.         </style>
  83.     {% endif %} 
  84. {% endblock %}
  86. {% block base_html %}
  87.     {% if context.salesChannel.customFields.custom_site_main_color_predefinded == "standard" %}
  88.         {% set siteColor = "#D82929" %}
  89.     {% elseif context.salesChannel.customFields.custom_site_main_color_predefinded == "xmas" %}
  90.         {% set siteColor = "green" %}
  91.     {% elseif context.salesChannel.customFields.custom_site_main_color_predefinded == "eastern" %}
  92.         {% set siteColor = "grass" %}
  93.     {% elseif context.salesChannel.customFields.custom_site_main_color_predefinded == "fasching" %}
  94.         {% set siteColor = "pink" %}
  95.     {% elseif context.salesChannel.customFields.custom_site_main_color_predefinded == "custom" %}
  96.         {% if context.salesChannel.customFields.custom_site_main_color_custom %}
  97.             {% set siteColor = context.salesChannel.customFields.custom_site_main_color_custom %}
  98.         {% else %}
  99.             {% set siteColor = "#D82929" %}
  100.             {% set siteColorHover = "#a31f1f" %}
  101.         {% endif %}
  102.     {% endif %}
  104.     <html lang="{{ app.request.locale }}"
  105.         itemscope="itemscope"
  106.         itemtype="https://schema.org/WebPage"
  107.         name="{{ page.cmsPage.name }}" 
  108.         type="{{ page.cmsPage.type }}"
  109.         type="{{ page.cmsPage.type }}"  
  110.         sitecolor="{{ siteColor }}"  
  111.         controllerAction="{{ controllerAction }}" 
  112.     >
  113.     <style>
  114.         html[sitecolor='#D82929'] {
  115.             --action-color: #D82929;
  116.             --action-color-hover: #a31f1f;
  117.         }
  118.     </style>
  119. {% endblock %}
  121. {% block base_main %}
  122.     <div class="header-free-space">
  123.     </div>
  124.     {{ parent() }}
  125. {% endblock %}