with donation form 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'
x_position: right
form_headline: Ja, ich bin dabei und unterstütze Greenpeace e.V.
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: input2
                data-text: Monatlich
            children:
              attributes:
                name: spendenbetrag[interval_count]
                id: input2
                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: input100
                data-text: Einmalig
            children:
              attributes:
                name: spendenbetrag[interval_count]
                id: input100
                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: input20
                children:
                  attributes:
                    name: spendenbetrag[amount]
                    id: input20
                    value: 20
              - $tpl: '@fsk/form/form-element'
                $ref: '@fsk/form/form-element#radio'
                label:
                  title: 60€
                  attributes:
                    for: input60
                children:
                  attributes:
                    name: spendenbetrag[amount]
                    id: input60
                    value: 60
                    checked: true
              - $tpl: '@fsk/form/form-element'
                $ref: '@fsk/form/form-element#radio'
                label:
                  title: 120€
                  attributes:
                    for: input120
                children:
                  attributes:
                    name: spendenbetrag[amount]
                    id: input120
                    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