with donation form - donation-friendly position mock data

headline: >-
  Hier steht eine <span class="Stage-supporter is-hidden"></span> längere
  Headline mit drei Zeilen Textinhalt
subline: Das ist eine optionale Subline.
copy: >-
  <p>Nisi ullamco tempor tempor nulla labore ad labore sit eu duis. Ut et esse
  cupidatat consequat ea exercitation. Nisi ullamco tempor tempor nulla labore
  ad labore sit eu duis. Ut et esse cupidatat cons.</p>
image:
  $ref: elements/image#stage
  $tpl: elements/image
  id: 30
button:
  label: Weitere Infos zu Meeren
  url: '#url'
image_copyright: © Erika Musterfrau
x_position: right
donation_bar_bottom: true
payment_amount:
  interval:
    $tpl: '@fsk/form/fieldset'
    $ref: '@fsk/form/fieldset'
    attributes:
      class: Stage-interval js-Stage-interval
    legend:
      title: Ich unterstütze Greenpeace
    children:
      $tpl: '@fsk/form/radios'
      $ref: '@fsk/form/radios'
      layout: row
      children:
        $render:
          - $tpl: '@fsk/form/form-element'
            $ref: '@fsk/form/form-element#radio'
            attributes:
              class: FskFormElement--switcher
            label:
              title: Monatlich
              attributes:
                for: input3
                data-text: Monatlich
            children:
              attributes:
                name: spendenbetrag[interval_count]
                id: input3
                value: 1
                class: FskRadio--switcher
                checked: true
          - $tpl: '@fsk/form/form-element'
            $ref: '@fsk/form/form-element#radio'
            attributes:
              class: FskFormElement--switcher
            label:
              title: Einmalig
              attributes:
                for: input101
                data-text: Einmalig
            children:
              attributes:
                name: spendenbetrag[interval_count]
                id: input101
                value: 0
                class: FskRadio--switcher
  amount:
    $tpl: '@fsk/form/fieldset'
    $ref: '@fsk/form/fieldset'
    attributes:
      class: Stage-amount js-Stage-amount
    legend:
      title: mit einem Betrag von
    children:
      $render:
        - $tpl: '@fsk/form/radios'
          $ref: '@fsk/form/radios'
          layout: row
          children:
            $render:
              - $tpl: '@fsk/form/form-element'
                $ref: '@fsk/form/form-element#radio'
                label:
                  title: 20€
                  attributes:
                    for: input21
                children:
                  attributes:
                    name: spendenbetrag[amount]
                    id: input21
                    value: 20
              - $tpl: '@fsk/form/form-element'
                $ref: '@fsk/form/form-element#radio'
                label:
                  title: 60€
                  attributes:
                    for: input61
                children:
                  attributes:
                    name: spendenbetrag[amount]
                    id: input61
                    value: 60
                    checked: true
              - $tpl: '@fsk/form/form-element'
                $ref: '@fsk/form/form-element#radio'
                label:
                  title: 120€
                  attributes:
                    for: input121
                children:
                  attributes:
                    name: spendenbetrag[amount]
                    id: input121
                    value: 120
        - $tpl: '@fsk/form/form-element'
          $ref: '@fsk/form/form-element#input'
          placeholder: Ihr Betrag
          label:
            title: 'anderer Betrag:'
          children:
            attributes:
              placeholder: Ihr Betrag
submit_button:
  - $tpl: '@fsk/form/form-element'
    $ref: '@fsk/form/form-element#submit'
    attributes:
      class: Stage-buttonHolder
    children:
      $tpl: '@fsk/form/form-element/input/input--submit'
      $ref: '@fsk/form/form-element/input/input--submit'
      modifiers:
        - donation
      attributes:
        class: Stage-button
        value: Jetzt spenden
endpoint_url: url

Close