custom/plugins/TcinnThemeWareClean/src/Resources/views/storefront/themeware/footer-elements/twt-newsletter.html.twig line 1

Open in your IDE?
  1. {# ThemeWare: Footer-Element "Newsletter" container #}
  2. {#
  3.     Create footer column and add newsletter content
  5.     @Storefront/storefront/themeware/widgets/twt-newsletter.html.twig
  6. #}
  8. {# TODO: Blöcke prüfen... #}
  9. {# TODO: Kommentare prüfen, ergänzen... #}
  10. {# TODO: footer-elements zusammenfassen (sh. twt-sidebar-widgets) #}
  12. {% block twt_layout_footer_newsletter %}
  13.     {# ThemeWare: Add column classes #}
  14.     {% if newcol == "2" %}
  15.         {% set blockClasses = ['col-md-12'] %}
  16.     {% elseif newcol == "3" %}
  17.         {% set blockClasses = ['col-md-6'] %}
  18.     {% else %}
  19.         {# ThemeWare: Add column classes for tablet viewports #}
  20.         {% if columns == columnsTablet %}
  21.             {% set blockClasses = ['col-md-' ~ columns] %}
  22.         {% else %}
  23.             {% set blockClasses = ['col-xl-' ~ columns, 'col-md-' ~ columnsTablet] %}
  24.         {% endif %}
  25.     {% endif %}
  27.     {# ThemeWare: Add default classes #}
  28.     {% set blockClasses = ['footer-column', 'footer-column-newsletter']|merge(blockClasses) %}
  30.     {# ThemeWare: Add toggle class #}
  31.     {% if toggle != "4" %}
  32.         {% set blockClasses = ['js-footer-column']|merge(blockClasses) %}
  33.     {% endif %}
  35.     {# ThemeWare: Add element class and element number #}
  36.     {% set blockClasses = ['twt-element-' ~ elementid, 'twt-element-newsletter']|merge(blockClasses) %}
  38.     {# ThemeWare: Permanently expanded #}
  39.     {% if toggle == "4" %}
  40.         {% set blockClasses = ['permanent']|merge(blockClasses) %}
  41.     {% endif %}
  43.     {# ThemeWare: Add class "last" to last element #}
  44.     {% if last == true %}
  45.         {% set blockClasses = ['last']|merge(blockClasses) %}
  46.     {% endif %}
  48.     {# TODO: add block "container" #}
  49.     <div class="{{ blockClasses|reverse|join(' ') }}">
  50.         {% block twt_layout_footer_newsletter_headline %}
  51.             <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger{% if toggle == "2" %} show{% endif %}"
  52.                  id="collapseFooterNewsletterTitle"
  53.                  data-target="#collapseFooterNewsletter"
  54.                  aria-expanded="true"
  55.                  aria-controls="collapseFooterNewsletter"
  56.                  role="listitem">
  57.                 {{ "twt.widget.newsletter.headline"|trans|sw_sanitize }}
  58.                 {% block twt_layout_footer_newsletter_icons %}
  59.                     {% if toggle != "4" %}
  60.                         <div class="footer-column-toggle">
  61.                             <span class="footer-plus-icon">
  62.                                 {% sw_icon 'plus' %}
  63.                             </span>
  64.                             <span class="footer-minus-icon">
  65.                                 {% sw_icon 'minus' %}
  66.                             </span>
  67.                         </div>
  68.                     {% endif %}
  69.                 {% endblock %}
  70.             </div>
  71.         {% endblock %}
  73.         {% block twt_layout_footer_newsletter_content %}
  74.             <div id="collapseFooterNewsletter"
  75.                  class="footer-column-content{% if toggle != "4" %} js-footer-column-content collapse{% endif %}{% if toggle == "2" %} show{% endif %}"
  76.                  aria-labelledby="collapseFooterNewsletterTitle">
  77.                 <div class="footer-column-content-inner">
  78.                     <p class="newsletter-inner-text">{{ "twt.widget.newsletter.content"|trans }}</p>
  79.                     <div class="cms-block cms-block-form">
  80.                         <div class="cms-element-form">
  81.                             {% block element_form_newsletter_form_form %}
  82.                                 <form action="{{ path('frontend.form.newsletter.register.handle') }}" method="post" data-form-csrf-handler="true" data-form-validation="true">
  83.                                     <div class="form-content">
  84.                                         <div class="row mb-2 ml-0 mr-0">
  85.                                             {% block cms_form_newsletter_input_email %}
  86.                                                 <div class="twt-footer-column-newsletter-input-email">
  87.                                                     {% sw_include '@Storefront/storefront/element/cms-element-form/form-components/cms-element-form-input.html.twig' with {
  88.                                                         fieldName: 'email',
  89.                                                         type: 'email',
  90.                                                         required: true,
  91.                                                         label: 'newsletter.labelMail',
  92.                                                         placeholder: 'newsletter.placeholderMail'
  93.                                                     } %}
  94.                                                 </div>
  95.                                             {% endblock %}
  96.                                             {% block cms_form_newsletter_submit %}
  97.                                                 {% block cms_form_submit %}
  98.                                                     <button type="submit" aria-label="Submit" class="btn btn-primary">
  99.                                                         {% sw_icon 'arrow-head-right' %}
  100.                                                     </button>
  101.                                                 {% endblock %}
  102.                                             {% endblock %}
  103.                                         </div>
  105.                                         {# TODO: 6.4.2.0 Check new captcha... #}
  106.                                         {% block cms_form_newsletter_captcha %}
  107.                                             {% sw_include '@Storefront/storefront/component/captcha/base.html.twig' with {
  108.                                                 additionalClass : 'col-md-4'
  109.                                             } %}
  110.                                         {% endblock %}
  112.                                         {% block cms_form_newsletter_privacy %}
  113.                                             <div class="twt-footer-column-newsletter-privacy">
  114.                                                 {% sw_include '@Storefront/storefront/element/cms-element-form/form-components/cms-element-form-privacy.html.twig' %}
  115.                                             </div>
  116.                                         {% endblock %}
  118.                                         {#% block cms_form_newsletter_required_fields_info %}{% endblock %#}
  119.                                     </div>
  121.                                     {% block cms_form_newsletter_hidden_fields %}
  122.                                         <div class="form-hidden-fields">
  123.                                             {% block cms_form_newsletter_csrf %}
  124.                                                 {{ sw_csrf('frontend.form.newsletter.register.handle') }}
  125.                                             {% endblock %}
  127.                                             <input type="hidden" name="option" value="{{ constant('Shopware\\Storefront\\Controller\\FormController::SUBSCRIBE') }}">
  129.                                             <input type="submit" class="submit--hidden d-none" />
  130.                                         </div>
  131.                                     {% endblock %}
  132.                                 </form>
  133.                             {% endblock %}
  134.                         </div>
  135.                     </div>
  136.                 </div>
  137.             </div>
  138.         {% endblock %}
  139.     </div>
  140. {% endblock %}