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.     {% set categoryVideoBackgroundId = page.header.navigation.active.customFields.custom_category_video %}
  55.     {% if categoryVideoBackgroundId %}
  56.         {% set categoryVideoBackgroundMediaCollection = searchMedia([categoryVideoBackgroundId], context.context) %}
  57.         {% set categoryVideoBackground = categoryVideoBackgroundMediaCollection.get(categoryVideoBackgroundId) %}
  58.     {% endif %}    
  60.     {% if page.product.customFields.custom_article_example_article and context.currentCustomerGroup.name != "Admin" %}
  61.     {% else %}
  62.         <div class="fixed-background">
  63.             <div class="fixed-background-content gradient-{{page.product.customFields.custom_article_gradient_background}} background-color-{{page.product.customFields.custom_article_color_background}}">
  64.                 {% if articleImageBackgroundId %}
  65.                     <img class="image-fixed-background" src="{{ articleImageBackground.url }}"/>
  66.                 {% endif %}
  68.                 {% if articleVideoBackgroundId %}
  69.                     <video autoplay muted loop playsinline class="video-fixed-background">
  70.                         <source src="{{ articleVideoBackground.url }}" type="video/mp4" />
  71.                     </video>
  72.                 {% endif %}
  74.                 {% if categoryVideoBackgroundId && page.header.navigation.active.customFields.custom_category_whole_background == true %}
  75.                     <video autoplay muted loop playsinline class="video-fixed-background">
  76.                         <source src="{{ categoryVideoBackground.url }}" type="video/mp4" />
  77.                     </video>
  78.                 {% endif %}
  79.             </div>
  80.         </div>
  82.     {% endif %}
  83. {% endblock %}
  85. {% block base_navigation_inner %}
  86. {% endblock %}
  88. {% block base_body_script %}
  89.     {{ parent() }}
  90.     {% if context.currentCustomerGroup.name == "Admin" %}
  91.         {{ dump() }}
  93.         <style>
  94.             .sf-toolbar,
  95.             .sf-dump {
  96.                 display: block !important;
  97.             }
  98.         </style>
  99.     {% endif %} 
  100. {% endblock %}
  102. {% block base_html %}
  103.     {% if context.salesChannel.customFields.custom_site_main_color_predefinded == "standard" %}
  104.         {% set siteColor = "#D82929" %}
  105.     {% elseif context.salesChannel.customFields.custom_site_main_color_predefinded == "xmas" %}
  106.         {% set siteColor = "green" %}
  107.     {% elseif context.salesChannel.customFields.custom_site_main_color_predefinded == "eastern" %}
  108.         {% set siteColor = "grass" %}
  109.     {% elseif context.salesChannel.customFields.custom_site_main_color_predefinded == "fasching" %}
  110.         {% set siteColor = "pink" %}
  111.     {% elseif context.salesChannel.customFields.custom_site_main_color_predefinded == "custom" %}
  112.         {% if context.salesChannel.customFields.custom_site_main_color_custom %}
  113.             {% set siteColor = context.salesChannel.customFields.custom_site_main_color_custom %}
  114.         {% else %}
  115.             {% set siteColor = "#D82929" %}
  116.             {% set siteColorHover = "#a31f1f" %}
  117.         {% endif %}
  118.     {% endif %}
  120.     <html lang="{{ app.request.locale }}"
  121.         itemscope="itemscope"
  122.         itemtype="https://schema.org/WebPage"
  123.         name="{{ page.cmsPage.name }}" 
  124.         type="{{ page.cmsPage.type }}"
  125.         type="{{ page.cmsPage.type }}"  
  126.         sitecolor="{{ siteColor }}"  
  127.         controllerAction="{{ controllerAction }}" 
  128.     >
  129.     <style>
  130.         html[sitecolor='#D82929'] {
  131.             --action-color: #D82929;
  132.             --action-color-hover: #a31f1f;
  133.         }
  134.     </style>
  135. {% endblock %}
  137. {% block base_main %}
  138.     <div class="header-free-space">
  139.     </div>
  140.     <div class="slider-free-space">
  141.     </div>
  142.     
  143.     <main class="content-main">
  144.  
  146.         {% block base_flashbags %}
  147.             {{ parent() }}
  148.         {% endblock %}
  150.         {% block base_main_inner %}
  151.             {{ parent() }}
  152.         {% endblock %}
  153.     </main>
  154. {% endblock %}