custom/plugins/AmMacTrade/src/Resources/views/storefront/base.html.twig line 104

Open in your IDE?
  1. {# Set variable to "true" to enable HMR (hot page reloading) mode #}
  2. {% set isHMRMode = app.request.headers.get('hot-reload-mode') and app.environment == 'dev' %}
  4. {% block base_doctype %}
  5. <!DOCTYPE html>
  6. {% endblock %} 
  8. {% block base_html %}
  9. <html lang="{{ app.request.locale }}"
  10.       itemscope="itemscope"
  11.       itemtype="https://schema.org/WebPage">
  12. {% endblock %}
  14. {% block base_head %}
  15.     {% sw_include '@Storefront/storefront/layout/meta.html.twig' %}
  16. {% endblock %}
  18. {% block base_body %} 
  19. <script type="text/javascript" src="{{ asset('assets/js/touch.js', "@AmMacTrade") }}"></script>
  20.     <body class="{% block base_body_classes %}is-ctl-{{ controllerName|lower }} is-act-{{ controllerAction|lower }}{% endblock %}">
  22.     {% block base_body_inner %}
  23.         {% block base_noscript %}
  24.             <noscript class="noscript-main">
  25.                 {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
  26.                     type: 'info',
  27.                     content: 'general.noscriptNotice'|trans|sw_sanitize
  28.                 } %}
  29.             </noscript>
  30.         {% endblock %}
  32.         <div class="header-main-wrapper">
  33.             {% block base_header %}
  34.                 {% block layout_top_bar %}
  35.                     {% sw_include '@Storefront/storefront/layout/header/top-bar.html.twig' %}
  36.                 {% endblock %}
  37.                 <header class="header-main">
  38.                     {% block base_header_inner %}
  39.                         <div class="container">
  40.                             {% sw_include '@Storefront/storefront/layout/header/header.html.twig' %}
  41.                         </div>
  42.                     {% endblock %}
  43.                 </header>
  44.             {% endblock %}
  45.             {% block base_navigation %}
  46.                 <div class="nav-main">
  47.                     {% block base_navigation_inner %}
  48.                         {% sw_include '@Storefront/storefront/layout/navigation/navigation.html.twig' %}
  49.                     {% endblock %}
  50.                 </div>
  51.             {% endblock %}
  52.             {#
  53.             <div class="header-notice">
  54.                 {{ 'header.notice'|trans|sw_sanitize }}
  55.             </div>
  56.             #}
  57.             
  58.             <div id="header-notice-ticker">
  59.                 <ul>
  60.                 {% if context.salesChannel.id =='45be9f42765d42e8ae1137d1812040f4' || context.salesChannel.id =='4faca3b6a7f149cea7ade06ee340ce19' %}
  61.                     {{ 'header.noticecob'|trans|raw }}
  62.                 {% else %}
  63.                     {{ 'header.notice'|trans|raw }}
  64.                 {% endif %}
  65.                 </ul>
  66.             </div> 
  67.         </div>
  69.         {% block base_offcanvas_navigation %}
  70.             {% if page.header.navigation %}
  71.                 <div class="d-none js-navigation-offcanvas-initial-content">
  72.                     {% block base_offcanvas_navigation_inner %}
  73.                         {% sw_include '@Storefront/storefront/layout/navigation/offcanvas/navigation.html.twig' with { navigation: page.header.navigation } %}
  74.                     {% endblock %}
  75.                 </div>
  76.             {% endif %}
  77.         {% endblock %}
  79.         {% block base_main %}
  80.             <main class="content-main">
  81.                 {% block base_flashbags %}
  82.                     <div class="flashbags container">
  83.                         {% for type, messages in app.flashes %}
  84.                             {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with { type: type, list: messages } %}
  85.                         {% endfor %}
  86.                     </div>
  87.                 {% endblock %}
  89.                 {% block base_main_inner %}
  90.                     {% block base_breadcrumb %}
  91.                         {% sw_include '@Storefront/storefront/layout/breadcrumb.html.twig' with {
  92.                             context: context,
  93.                             category: page.product.seoCategory
  94.                         } only %}
  95.                     {% endblock %}
  96.                     <div class="container">
  97.                         {% block base_main_container %}
  98.                             <div class="container-main">
  99.                                 {% block base_content %}{% endblock %}
  100.                             </div>
  101.                         {% endblock %}
  102.                     </div>
  103.                 {% endblock %}
  104.             </main>
  105.         {% endblock %}
  107.         {% block base_footer %}
  108.             <footer class="footer-newsletter">
  109.                 <div class="container">
  110.                     <div class="row">
  111.                         <div class="col-md-3 newsletter-logo">
  112.                             <img src="{{ asset('assets/images/logo_footer-newsletter.svg', "@AmMacTrade") }}" alt="MacTrade" height="66">
  113.                         </div>
  114.                         {% if context.salesChannel.id !='45be9f42765d42e8ae1137d1812040f4' && context.salesChannel.id !='4faca3b6a7f149cea7ade06ee340ce19' %}
  116.                         <div class="col-md-5 newsletter-text">
  117.                             <div class="headline">Abonnieren Sie unseren Newsletter und sichern Sie sich einen € 10,- Gutschein.<span class="sup">2</span></div>
  118.                             <div class="short-devider"></div>
  119.                             <div class="notice">Verpassen Sie keine Neuigkeiten oder Aktionen mehr.</div>
  120.                         </div>
  121.                         <div class="col-md-4 newsletter-form"> 
  122.                             <div class="cms-element-form">
  123.                                 <form action="/newsletter"
  124.                                       method="get"
  125.                                       data-form-csrf-handler="false"
  126.                                       data-form-validation="false">
  127.                                     <div class="form-content">
  128.                                         <div class="form-group input-group ">
  129.                                             <input name="email"
  130.                                                    type="email"
  131.                                                    id="footerNewsletterMail"
  132.                                                    placeholder="{{ "account.personalMailPlaceholder"|trans }}{{ "general.required"|trans }}"
  133.                                                    required="required"
  134.                                                    value="{{ data.get('email') }}"
  135.                                                    class="form-control{% if formViolations.getViolations('/email') %} is-invalid{% endif %}"/>
  136.                                             <button id="btnFooterNewsletterForm" type="button" class="btn">
  137.                                                 <img src="{{ asset('assets/images/icon_mail.svg', "@AmMacTrade") }}" alt="MacTrade">
  138.                                             </button>
  139.                                         </div>
  140.                                     </div>
  141.                                 </form>
  142.                             </div>
  143.                         </div>
  144.                         
  145.                         {% endif %}
  146.                     </div>
  147.                 </div>
  148.             </footer>
  149.             <footer class="footer-main">
  150.                 {% block base_footer_inner %}
  151.                     {% sw_include '@Storefront/storefront/layout/footer/footer.html.twig' %}
  152.                 {% endblock %}
  153.             </footer>
  154.         {% endblock %}
  155.     {% endblock %}
  157.     {% block base_scroll_up %}
  158.         {% sw_include '@Storefront/storefront/layout/scroll-up.html.twig' %}
  159.     {% endblock %}
  161.     {% block base_pseudo_modal %}
  162.         {% sw_include '@Storefront/storefront/component/pseudo-modal.html.twig' %}
  163.     {% endblock %}
  165.     {% block base_body_script %}
  168.         {% if not feature('FEATURE_NEXT_15917') %}
  169.             {# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_token` instead #}
  170.             {% block base_script_token %}
  171.             {% endblock %}
  173.             {# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_router` instead #}
  174.             {% block base_script_router %}
  175.                 {# Register all routes that will be needed in JavaScript to the window.router object #}
  176.                 <script>
  177.                     window.activeNavigationId = '{{ page.header.navigation.active.id }}';
  178.                     window.router = {
  179.                         'frontend.cart.offcanvas': '{{ path('frontend.cart.offcanvas') }}',
  180.                         'frontend.cookie.offcanvas': '{{ path('frontend.cookie.offcanvas') }}',
  181.                         'frontend.checkout.finish.page': '{{ path('frontend.checkout.finish.page') }}',
  182.                         'frontend.checkout.info': '{{ path('frontend.checkout.info') }}',
  183.                         'frontend.menu.offcanvas': '{{ path('frontend.menu.offcanvas') }}',
  184.                         'frontend.cms.page': '{{ path('frontend.cms.page') }}',
  185.                         'frontend.cms.navigation.page': '{{ path('frontend.cms.navigation.page') }}',
  186.                         'frontend.account.addressbook': '{{ path('frontend.account.addressbook') }}',
  187.                         'frontend.csrf.generateToken': '{{ path('frontend.csrf.generateToken') }}',
  188.                         'frontend.country.country-data': '{{ path('frontend.country.country.data') }}',
  189.                         'frontend.store-api.proxy': '{{ path('frontend.store-api.proxy') }}',
  190.                     };
  191.                     window.storeApiProxyToken = '{{ sw_csrf("frontend.store-api.proxy", {"mode": "token"}) }}';
  192.                     window.salesChannelId = '{{ app.request.attributes.get('sw-sales-channel-id') }}';
  193.                 </script>
  194.             {% endblock %}
  196.             {# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_breakpoints` instead #}
  197.             {% block base_script_breakpoints %}
  198.                 {# Register the available viewport breakpoints the window.breakpoints object #}
  199.                 <script>
  200.                     {% set breakpoint = {
  201.                         'xs': theme_config('breakpoint.sm'),
  202.                         'sm': theme_config('breakpoint.md'),
  203.                         'md': theme_config('breakpoint.lg'),
  204.                         'lg': theme_config('breakpoint.xl')
  205.                     } %}
  207.                     window.breakpoints = {{ breakpoint|json_encode()|raw }};
  208.                 </script>
  209.             {% endblock %}
  211.             {# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_csrf` instead #}
  212.             {% block base_script_csrf %}
  213.                 <script>
  214.                     window.csrf = {
  215.                         'enabled': '{{ shopware.csrfEnabled }}',
  216.                         'mode': '{{ shopware.csrfMode }}'
  217.                     }
  218.                 </script>
  219.             {% endblock %}
  221.             {% if config('core.cart.wishlistEnabled') %}
  222.                 {% block base_script_wishlist_state %}
  223.                     <script>
  224.                         window.customerLoggedInState = {{ context.customer is not null and not context.customer.guest ? 1 : 0 }};
  226.                         window.wishlistEnabled = {{ config('core.cart.wishlistEnabled') }};
  227.                     </script>
  228.                 {% endblock %}
  229.             {% endif %}
  231.             {# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_hmr_mode` instead #}
  232.             {% block base_script_hmr_mode %}
  233.                 {% if isHMRMode %}
  234.                     <script type="text/javascript" src="/_webpack_hot_proxy_/js/vendor-node.js"></script>
  235.                     <script type="text/javascript" src="/_webpack_hot_proxy_/js/vendor-shared.js"></script>
  236.                     <script type="text/javascript" src="/_webpack_hot_proxy_/js/runtime.js"></script>
  237.                     <script type="text/javascript" src="/_webpack_hot_proxy_/js/app.js"></script>
  238.                     {# The storefront entry is a combined entry point which contains all plugins & themes #}
  239.                     <script type="text/javascript" src="/_webpack_hot_proxy_/js/storefront.js"></script>
  240.                 {% else %}
  241.                     {% for file in theme_config('assets.js') %}
  242.                         <script type="text/javascript" src="{{ asset(file, 'theme') }}"></script>
  243.                     {% endfor %}
  244.                 {% endif %}
  245.                 
  246.                     
  247.     <script>
  248. $(document).ready(function(){
  249.     $(".click-copy").click(function(){
  250.       $(".chkmark-icon").hide();
  251.     });
  252.   });
  253. </script>
  255.             {% endblock %}
  257.         {% endif %}
  258.     {% endblock %}
  259.     </body>
  260. {% endblock %}
  261. </html>