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

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/base.html.twig' %}
  4.                 {% block base_footer_inner %}
  6.                     <div class="container">
  7.                         {% block ultra_footer_tuner_pro_modul_one %}
  9.     {% if config('UltraFooterTunerProModulOne.config') %}
  10.         {% set UltraFooterTunerProModulOne = config('UltraFooterTunerProModulOne.config') %}
  11.     {% endif %}
  13.     {% if context.saleschannel.UltraFooterTunerProModulOne %}
  14.         {% set UltraFooterTunerProModulOne = context.saleschannel.UltraFooterTunerProModulOne %}
  15.     {% endif %}
  17.     {% if config('UltraFooterTunerProModulOne.config') %}
  18.         {% set UltraFooterTunerProModulOne = config('UltraFooterTunerProModulOne.config') %}
  19.     {% endif %}
  22. {% if UltraFooterTunerProModulOne.activeKanal %}
  23. <script>
  25. var zeit=3000;
  26. var UMoldXHR = window.XMLHttpRequest;
  27. function UMnewXHR() {
  28.     var UMrealXHR = new UMoldXHR();
  29.     UMrealXHR.addEventListener("readystatechange", function() {
  30.         if(UMrealXHR.readyState==4  && UMrealXHR.status == 200){
  32.         if(UMrealXHR.responseURL.indexOf('newsletter') != -1){
  33.             document.getElementById("ultra-sender").innerHTML = "{{ UltraFooterTunerProModulOne.footeremailconfirmtext }}";
  34.             document.getElementById("ultra-sender").style.display = "block";
  35.             setTimeout(function(){ document.getElementById("ultra-sender").style.display = "none"; }, zeit);
  36.         }
  38.         }
  39.     }, false);
  40.     return UMrealXHR;
  41. }
  42. window.XMLHttpRequest = UMnewXHR;
  44.  </script>
  47.  {% set uspblock %}
  49.  <div class="row footer-columns ultra-footer-0 ultra-box-start">
  50.         <div class="modul-one ultra-footer-background ultra-footer-background-usp"></div>
  51.         <div class="ultra-footer-usp-line-TrennerBox"></div>
  52.         <div class="ultra-footer-usp-trenner-box-wrapper">
  54.             <div class="row ultra-usp-trenner">
  56.                         {# Icon und Text One #}
  57.                         <div class="col-md-6 ultra-box-1 ultra-box-general">
  58.                             <div class="usp-flex">
  59.                                 <span class="usp-footer-icon-text">
  60.                                     {% if UltraFooterTunerProModulOne.FooterUSPIcon1Auswahl !="own5" and UltraFooterTunerProModulOne.FooterUSPIcon1Auswahl !="own6" and UltraFooterTunerProModulOne.FooterUSPIcon1Auswahl !="ownSVG" %}
  62.                                     <span class="ultra-usp-icon ultra-uspbox icon-one">
  63.                                         {{UltraFooterTunerProModulOne.FooterUSPIcon1Auswahl}}
  64.                                     </span>
  65.                                     {% endif %}
  67.                                     {% if UltraFooterTunerProModulOne.HeaderHomeIconAuswahl =="own5" %}
  68.                                         <i class="{{ UltraFooterTunerProModulOne.FooterUSPIcon1 }} ultra-usp-icon ultra-uspbox icon icon-one"></i>
  69.                                     {% endif %}
  71.                                     {% if UltraFooterTunerProModulOne.FooterUSPIcon1Auswahl =="own6" %}
  72.                                         <span class="ultra-usp-icon ultra-uspbox icon-one">{% sw_include "@Storefront/storefront/utilities/icon.html.twig" with { 'name': UltraFooterTunerProModulOne.FooterUSPIcon1 } %}
  73.                                         </span>
  74.                                     {% endif %}
  76.                                     {% if UltraFooterTunerProModulOne.FooterUSPIcon1Auswahl =="ownSVG" %}
  77.                                         <span class="ultra-usp-icon ultra-uspbox icon-one">{% sw_include "@Storefront/storefront/utilities/icon.html.twig" with { 'namespace': 'UltraEigeneSvgIcons', 'pack': 'ultrasvg', 'name': UltraFooterTunerProModulOne.FooterUSPIcon1 } %}
  78.                                         </span>
  79.                                     {% endif %}
  80.                                 </span>
  82.                                 <div>
  83.                                     <div class="ultra-headline-one">{{ 'smsBecoTechnicTheme.index.ultraFooter.FooterUSPHeadline1'|trans }}</div>
  84.                                     {% if UltraFooterTunerProModulOne.FooterUSPText1OnOff %}
  85.                                         <p class="ultra-text-one">{{ 'smsBecoTechnicTheme.index.ultraFooter.FooterUSPText1'|trans }}</p>
  86.                                     {% endif %}
  87.                                 </div>
  88.                             </div>
  89.                         </div>
  91.                         {# Icon und Text Two #}
  92.                         <div class="col-md-6 ultra-box-2 ultra-box-general">
  93.                             <div class="usp-flex">
  94.                                 <span class="usp-footer-icon-text">
  95.                                     {% if UltraFooterTunerProModulOne.FooterUSPIcon2Auswahl !="own5" and UltraFooterTunerProModulOne.FooterUSPIcon2Auswahl !="own6" and UltraFooterTunerProModulOne.FooterUSPIcon2Auswahl !="ownSVG" %}
  97.                                     <span class="ultra-usp-icon ultra-uspbox icon-two">
  98.                                         {{UltraFooterTunerProModulOne.FooterUSPIcon2Auswahl}}
  99.                                     </span>
  100.                                     {% endif %}
  102.                                     {% if UltraFooterTunerProModulOne.HeaderHomeIconAuswahl =="own5" %}
  103.                                         <i class="{{ UltraFooterTunerProModulOne.FooterUSPIcon2 }} ultra-usp-icon ultra-uspbox icon icon-two"></i>
  104.                                     {% endif %}
  106.                                     {% if UltraFooterTunerProModulOne.FooterUSPIcon2Auswahl =="own6" %}
  107.                                         <span class="ultra-usp-icon ultra-uspbox icon-two">{% sw_include "@Storefront/storefront/utilities/icon.html.twig" with { 'name': UltraFooterTunerProModulOne.FooterUSPIcon2 } %}
  108.                                         </span>
  109.                                     {% endif %}
  111.                                     {% if UltraFooterTunerProModulOne.FooterUSPIcon2Auswahl =="ownSVG" %}
  112.                                         <span class="ultra-usp-icon ultra-uspbox icon-two">{% sw_include "@Storefront/storefront/utilities/icon.html.twig" with { 'namespace': 'UltraEigeneSvgIcons', 'pack': 'ultrasvg', 'name': UltraFooterTunerProModulOne.FooterUSPIcon2 } %}
  113.                                         </span>
  114.                                     {% endif %}
  115.                                 </span>
  116.                                 <div>
  117.                                     <div class="ultra-headline-two">{{ 'smsBecoTechnicTheme.index.ultraFooter.FooterUSPHeadline2'|trans }}</div>
  118.                                     {% if UltraFooterTunerProModulOne.FooterUSPText2OnOff %}
  119.                                         <p class="ultra-text-two">{{ 'smsBecoTechnicTheme.index.ultraFooter.FooterUSPText2'|trans }}</p>
  120.                                     {% endif %}
  121.                                 </div>
  122.                             </div>
  123.                         </div>
  125.                         {# Icon und Text Three #}
  126.                         <div class="col-md-6 ultra-box-3 ultra-box-general">
  127.                             <div class="usp-flex">
  128.                                 <span class="usp-footer-icon-text">
  129.                                     {% if UltraFooterTunerProModulOne.FooterUSPIcon3Auswahl !="own5" and UltraFooterTunerProModulOne.FooterUSPIcon3Auswahl !="own6" and UltraFooterTunerProModulOne.FooterUSPIcon3Auswahl !="ownSVG" %}
  131.                                     <span class="ultra-usp-icon ultra-uspbox icon-three">
  132.                                         {{UltraFooterTunerProModulOne.FooterUSPIcon3Auswahl}}
  133.                                     </span>
  134.                                     {% endif %}
  136.                                     {% if UltraFooterTunerProModulOne.HeaderHomeIconAuswahl =="own5" %}
  137.                                         <i class="{{ UltraFooterTunerProModulOne.FooterUSPIcon3 }} ultra-usp-icon ultra-uspbox icon icon-three"></i>
  138.                                     {% endif %}
  140.                                     {% if UltraFooterTunerProModulOne.FooterUSPIcon3Auswahl =="own6" %}
  141.                                         <span class="ultra-usp-icon ultra-uspbox icon-three">{% sw_include "@Storefront/storefront/utilities/icon.html.twig" with { 'name': UltraFooterTunerProModulOne.FooterUSPIcon3 } %}
  142.                                         </span>
  143.                                     {% endif %}
  145.                                     {% if UltraFooterTunerProModulOne.FooterUSPIcon3Auswahl =="ownSVG" %}
  146.                                         <span class="ultra-usp-icon ultra-uspbox icon-three">{% sw_include "@Storefront/storefront/utilities/icon.html.twig" with { 'namespace': 'UltraEigeneSvgIcons', 'pack': 'ultrasvg', 'name': UltraFooterTunerProModulOne.FooterUSPIcon3 } %}
  147.                                         </span>
  148.                                     {% endif %}
  149.                                 </span>
  150.                                 <div>
  151.                                     <div class="ultra-headline-three">{{ 'smsBecoTechnicTheme.index.ultraFooter.FooterUSPHeadline3'|trans }}</div>
  152.                                     {% if UltraFooterTunerProModulOne.FooterUSPText3OnOff %}
  153.                                         <p class="ultra-text-three">{{ 'smsBecoTechnicTheme.index.ultraFooter.FooterUSPText3'|trans }}</p>
  154.                                     {% endif %}
  155.                                 </div>
  156.                             </div>
  157.                         </div>
  159.                         {# Icon und Text Four #}
  160.                         <div class="col-md-6 ultra-box-4 ultra-box-general">
  161.                             <div class="usp-flex">
  162.                                 <span class="usp-footer-icon-text">
  163.                                     {% if UltraFooterTunerProModulOne.FooterUSPIcon4Auswahl !="own5" and UltraFooterTunerProModulOne.FooterUSPIcon4Auswahl !="own6" and UltraFooterTunerProModulOne.FooterUSPIcon4Auswahl !="ownSVG" %}
  165.                                     <span class="ultra-usp-icon ultra-uspbox icon-four">
  166.                                         {{UltraFooterTunerProModulOne.FooterUSPIcon4Auswahl}}
  167.                                     </span>
  168.                                     {% endif %}
  170.                                     {% if UltraFooterTunerProModulOne.HeaderHomeIconAuswahl =="own5" %}
  171.                                         <i class="{{ UltraFooterTunerProModulOne.FooterUSPIcon4 }} ultra-usp-icon ultra-uspbox icon icon-four"></i>
  172.                                     {% endif %}
  174.                                     {% if UltraFooterTunerProModulOne.FooterUSPIcon4Auswahl =="own6" %}
  175.                                         <span class="ultra-usp-icon ultra-uspbox icon-four">{% sw_include "@Storefront/storefront/utilities/icon.html.twig" with { 'name': UltraFooterTunerProModulOne.FooterUSPIcon4 } %}
  176.                                         </span>
  177.                                     {% endif %}
  179.                                     {% if UltraFooterTunerProModulOne.FooterUSPIcon4Auswahl =="ownSVG" %}
  180.                                         <span class="ultra-usp-icon ultra-uspbox icon-four">{% sw_include "@Storefront/storefront/utilities/icon.html.twig" with { 'namespace': 'UltraEigeneSvgIcons', 'pack': 'ultrasvg', 'name': UltraFooterTunerProModulOne.FooterUSPIcon4 } %}
  181.                                         </span>
  182.                                     {% endif %}
  183.                                 </span>
  184.                                 <div>
  185.                                     <div class="ultra-headline-four">{{ 'smsBecoTechnicTheme.index.ultraFooter.FooterUSPHeadline4'|trans }}</div>
  186.                                     {% if UltraFooterTunerProModulOne.FooterUSPText4OnOff %}
  187.                                         <p class="ultra-text-four">{{ 'smsBecoTechnicTheme.index.ultraFooter.FooterUSPText4'|trans }}<</p>
  188.                                     {% endif %}
  189.                                 </div>
  190.                             </div>
  191.                         </div>
  192.                 </div>
  197.             </div>
  198.             </div>
  200.  {% endset %}
  202.     {% if UltraFooterTunerProModulOne.FooterUSPBoxTopBottomAuswahl == "USPTop" and UltraFooterTunerProModulOne.FooterUSPBoxTrennerOnOff %}
  204.         {{ uspblock }}
  206.     {% endif %}
  208.     {% set spalte0 %}
  210.                                         {% block ultra_top_footer %}
  211.                                             {% if UltraFooterTunerProModulOne.footertopboxonoff %}
  212.                                                 <div class="col-md-4 ultra-wrapper--inner ultra-topbox-container">
  213.                                                     {{ UltraFooterTunerProModulOne.footerhtmltopboxhtml|raw }}
  214.                                                 </div>
  215.                                             {% endif %}
  216.                                         {% endblock %}
  218.     {% endset %}
  221.     {# HTML Box über Newsletter Trenner Box #}
  222.     {% if UltraFooterTunerProModulOne.FooterHTMLBoxTopBottomAuswahl == "HTMLTop" and UltraFooterTunerProModulOne.footertopboxonoff %}
  224.         {% if UltraFooterTunerProModulOne.footerhtmltopboxhtml|raw !="" %}
  225.         <div class="row footer-columns ultra-footer-0 ultra-box-start">
  226.         <div class="modul-one ultra-footer-background ultra-footer-background-html"></div>
  227.         <div class="ultra-footer-line-TrennerBox"></div>
  228.         <div class="ultra-footer-trenner-box-wrapper">
  229.             {% if UltraFooterTunerProModulOne.footertopboxheadlineonoff %}
  230.                 <div class="ultra-footer-trenner-box-headline">
  231.                     <div class="ultra-trenner-headline">{{ UltraFooterTunerProModulOne.footertopboxheadline }}</div>
  232.                 </div>
  233.             {% endif %}
  235.                 {{ spalte0|raw }}
  236.             </div>
  237.             </div>
  239.         {% endif %}
  241.     {% endif %}
  243.      {% set newsletter %}
  245.     <div class="footer-newsletter">
  246.             <div class="cms-element-form">
  247.                 <form action="{{ path('frontend.form.newsletter.register.handle') }}"
  248.                       method="post"
  249.                       data-form-csrf-handler="true"
  250.                       data-form-validation="true"
  251.                       name="submitter"
  252.                       id="submitter">
  253.                     {{ sw_csrf('frontend.form.newsletter.register.handle') }}
  254.                     {% set formViolations = app.request.get('errors') %}
  255.                     <input type="hidden" name="option" value="subscribe"/>
  256.                     <input type="submit" class="submit--hidden d-none">
  257.                     <div class="form-content">
  258.                         <div class="form-group input-group ">{% if not newsletterspalter %}
  259.                             <label class="ultra-form-label" for="footerNewsletterMail">
  260.                                     <div class="ultra-newsletter-info-headline">
  261.                                         {{ UltraFooterTunerProModulOne.footernewsletterheadline }}
  262.                                     </div>
  263.                                     <div class="ultra-newsletter-info-text">
  264.                                         {{ UltraFooterTunerProModulOne.footerhtmlnewsletterboxhtml|raw }}
  265.                                     </div>
  266.                             </label>{% endif %}
  268.                             <input name="email"
  269.                                    type="email"
  270.                                    id="footerNewsletterMail"
  271.                                    placeholder="{{ UltraFooterTunerProModulOne.footernewsletterplaceholder }}"
  272.                                    required="required"
  273.                                    value="{{ data.get('email') }}"
  274.                                    class="form-control{% if formViolations.getViolations('/email') %} is-invalid{% endif %}"/>
  275.                                    <button type="submit" class="btn ultra-newsletter-btn" title="{{ UltraFooterTunerProModulOne.footernewslettertitle }}">
  276.                                         <div class="ultra-newsletter-button">
  277.                                             {% sw_icon "envelope" %}
  278.                                         </div>
  279.                                    </button>
  280.                         </div>
  284.                     </div>
  285.                     <div id="ultra-sender"></div>
  286.                 {% block cms_form_newsletter_captcha %}
  287.                     {% sw_include '@Storefront/storefront/component/captcha/base.html.twig' with { 'captchas': config('core.basicInformation.activeCaptchas') } %}
  288.                 {% endblock %}
  290.             {% block cms_form_newsletter_privacy %}
  291.                 {% block cms_form_privacy_opt_in %}
  292.                     {% set identifierTemplate = 'form-privacy-opt-in-%s' %}
  294.                     <div class="form-text privacy-notice custom-control custom-checkbox">
  295.                         {% block cms_form_privacy_opt_in_input %}
  296.                             <input name="privacy"
  297.                                    type="checkbox"
  298.                                    class="custom-control-input"
  299.                                    id="{{ identifierTemplate|format(_key) }}"
  300.                                    required>
  301.                         {% endblock %}
  303.                         {% block cms_form_privacy_opt_in_label %}
  304.                             <label for="{{ identifierTemplate|format(_key) }}" class=" custom-control-label ultra-news-data-label">
  305.                                 {# @deprecated tag:v6.5.0 - Translation parameter %url% will be removed, use %privacyUrl% and %tosUrl% instead #}
  306.                                 {{ "general.privacyNotice"|trans({
  307.                                     '%url%': path('frontend.cms.page', { id: config('core.basicInformation.privacyPage') }),
  308.                                     '%privacyUrl%': path('frontend.cms.page', { id: config('core.basicInformation.privacyPage') }),
  309.                                     '%tosUrl%': path('frontend.cms.page', { id: config('core.basicInformation.tosPage')} )
  310.                                 })|raw }}
  311.                             </label>
  312.                         {% endblock %}
  313.                     </div>
  314.                 {% endblock %}
  315.             {% endblock %}
  316.                 </form>
  318.             </div>
  320.         </div>
  322.     {% endset %}
  328.     {% if not newsletterspalter and UltraFooterTunerProModulOne.footernewsletterboxonoff %}
  329.         <div class="row footer-columns ultra-footer-newsletter ultra-box-newsletter">
  330.         <div class="modul-one ultra-footer-background ultra-footer-background-newsletter"></div>
  331.         <div class="ultra-footer-line-NewsletterBox"></div>
  332.         {{ newsletter|raw }}
  333.         </div>
  334.     {% endif %}
  338.     {# USP Box unter Newsletter Trenner Box #}
  339.     {% if UltraFooterTunerProModulOne.FooterUSPBoxTopBottomAuswahl == "USPBottom" and UltraFooterTunerProModulOne.FooterUSPBoxTrennerOnOff %}
  341.         {{ uspblock }}
  343.     {% endif %}
  345.     {# HTML Box unter Newsletter Trenner Box #}
  346.     {% if UltraFooterTunerProModulOne.FooterHTMLBoxTopBottomAuswahl == "HTMLBottom" and UltraFooterTunerProModulOne.footertopboxonoff %}
  348.         {% if UltraFooterTunerProModulOne.footertopboxonoff and UltraFooterTunerProModulOne.footerhtmltopboxhtml|raw !="" %}
  349.         <div class="row footer-columns ultra-footer-0 ultra-box-start">
  350.         <div class="modul-one ultra-footer-background ultra-footer-background-html"></div>
  351.         <div class="ultra-footer-line-TrennerBox"></div>
  352.         <div class="ultra-footer-trenner-box-wrapper">
  353.             {% if UltraFooterTunerProModulOne.footertopboxheadlineonoff %}
  354.                 <div class="ultra-footer-trenner-box-headline">
  355.                     <div class="ultra-trenner-headline">{{ UltraFooterTunerProModulOne.footertopboxheadline }}</div>
  356.                 </div>
  357.             {% endif %}
  359.                 {{ spalte0|raw }}
  360.             </div>
  361.             </div>
  363.         {% endif %}
  365.     {% endif %}
  367. {% endif %}
  368. {% endblock %}
  370.                         {% sw_include '@Storefront/storefront/layout/footer/footer.html.twig' %}
  371.                     </div>
  372.                 {% endblock %}