custom/plugins/TcinnThemeWareModern/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.                     {% sw_include '@Storefront/storefront/themeware/widgets/twt-newsletter-include.html.twig' with {
  79.                         action: 'frontend.form.newsletter.register.handle',
  80.                         submitText: 'newsletter.formSubmit'
  81.                     }%}
  82.                 </div>
  83.             </div>
  84.         {% endblock %}
  85.     </div>
  86. {% endblock %}