custom/plugins/Tuerschild_2/src/Resources/views/storefront/element/cms-element-form/form-types/newsletter-form-custom.html.twig line 1

Open in your IDE?
  1. {% block cms_form_newsletter %}
  2.     {% set customForm = element.config.type.value is same as('newsletter-custom') %}
  4.     <form action="{{ path(action) }}"
  5.           method="post"
  6.           data-form-csrf-handler="true"
  7.           data-form-validation="true"
  8.     {% if customForm %}class="newsletter-custom"{% endif %}>
  9.         <div class="form-content-cms" style="background-image:url('{{ config.mediaUrl.value }}')">
  10.             <div class="form-content-cms-newsletter">
  11.                 <div class="newsletter-headline-wrapper">
  12.                     <span class="newsletter-headline">
  13.                         {{config.headline.value}}
  14.                     </span>
  15.                 </div>
  16.                <div class="input-wrapper">
  17.                 {% block cms_element_form_input_input %}
  18.                     <input name="email"
  19.                            type="email"
  20.                            id="form-email"
  21.                            value="{{ data.get( email ) }}"
  22.                            placeholder="{{ 'newsletter.placeholderMail'|trans }}"
  23.                            required="required"
  24.                            class="form-control{% if formViolations.getViolations( '/' ~ 'email' ) %} is-invalid{% endif %} has-button"/>
  26.                     {% if formViolations.getViolations( '/' ~ 'email' ) is not empty %}
  27.                         {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' with {
  28.                             violationPath: ('/' ~ 'email')
  29.                         } %}
  30.                     {% endif %}
  31.                 {% endblock %}
  33.                 {% block cms_form_newsletter_submit %}
  34.                     {% sw_include '@Storefront/storefront/element/cms-element-form/form-components/cms-element-form-submit.html.twig' %}
  35.                 {% endblock %}
  36.                    <span class="input-text"> <p>{{ "newsletter.textInfo"|trans|sw_sanitize }}</p></span>
  37.                    </div>
  38.             </div>
  39.             {% block cms_form_newsletter_select_action %}
  40.                 <div class="form-group col-12">
  41.                     <select
  42.                             style="display:none"
  43.                             name="option"
  44.                             id="newsletterAction"
  45.                             required="required"
  46.                             class="custom-select"
  47.                             data-form-field-toggle="true"
  48.                             data-form-field-toggle-target=".js-field-toggle-newsletter-additional"
  49.                             data-form-field-toggle-value="subscribe">
  50.                         <option selected="selected"
  51.                                 value="{{ constant('Shopware\\Storefront\\Controller\\FormController::SUBSCRIBE') }}">
  52.                             {{ "newsletter.subscribeOption"|trans }}
  53.                         </option>
  54.                     </select>
  55.                 </div>
  56.             {% endblock %}
  59.             {% block cms_form_newsletter_additional_fields %}
  60.                 <div class="js-field-toggle-newsletter-additional">
  61.                     <div class="form-row">
  62.                         {% block cms_form_newsletter_select_salutation %}
  63.                             {% sw_include '@Storefront/storefront/element/cms-element-form/form-components/cms-element-form-select-salutation.html.twig'
  64.                                 with { additionalClass: 'col-md-4' }
  65.                             %}
  66.                         {% endblock %}
  68.                         {% block cms_form_newsletter_input_first_name %}
  69.                             {% sw_include '@Storefront/storefront/element/cms-element-form/form-components/cms-element-form-input.html.twig'
  70.                                 with {
  71.                                 fieldName: 'firstName',
  72.                                 additionalClass: 'col-md-4',
  73.                                 label: 'newsletter.labelFirstName',
  74.                                 placeholder: 'newsletter.placeholderFirstName'
  75.                             }
  76.                             %}
  77.                         {% endblock %}
  79.                         {% block cms_form_newsletter_input_last_name %}
  80.                             {% sw_include '@Storefront/storefront/element/cms-element-form/form-components/cms-element-form-input.html.twig'
  81.                                 with {
  82.                                 fieldName: 'lastName',
  83.                                 additionalClass: 'col-md-4',
  84.                                 label: 'newsletter.labelLastName',
  85.                                 placeholder: 'newsletter.placeholderLastName'
  86.                             }
  87.                             %}
  88.                         {% endblock %}
  89.                     </div>
  90.                 </div>
  91.             {% endblock %}
  92.         </div>
  95.         {% block cms_form_newsletter_hidden_fields %}
  96.             <div class="form-hidden-fields">
  97.                 {% block cms_form_newsletter_csrf %}
  98.                     {{ sw_csrf(action) }}
  99.                 {% endblock %}
  100.                 <input type="submit" class="submit--hidden d-none" />
  101.             </div>
  102.         {% endblock %}
  103.     </form>
  106.     <style>
  107.         .form-content-cms-newsletter .has-button::placeholder{
  108.            font-size: 15px;
  109.             font-weight: 400;
  110.             color: #25232D;
  111.         }
  112.     </style>
  113. {% endblock %}