As part of the donation form mock data

endpoint_url: url
headline: Spenden Sie jetzt für den Umwelt- und Klimaschutz
h1_headline: true
copy: >-
  Aktionen, Laboranalysen, Recherchen und Öffentlichkeitsarbeit werden
  ausschließlich durch Spenden und Förderbeiträge von Privatpersonen wie Ihnen
  finanziert. Erst Ihre Spende gibt uns die Möglichkeit, mit Schiffen auf hoher
  See aufzukreuzen oder Spezialisten in die entlegensten Ecken unserer Erde zu
  schicken.
is_on_donation_form: true
image:
  $tpl: elements/image
  width: 600
  height: 450
  src: https://via.placeholder.com/600x450
  alt: Alternative text
  id: '6'
  sources:
    - width: 600
      height: 450
      srcset: >-
        https://via.placeholder.com/600x450 1x,
        https://via.placeholder.com/1200x900 2x
      media: '(max-width: 35.5625rem)'
    - width: 960
      height: 720
      srcset: >-
        https://via.placeholder.com/960x720 1x,
        https://via.placeholder.com/1920x1440 2x
      media: '(min-width: 35.625rem) and (max-width: 59.9375rem)'
    - width: 707
      height: 530
      srcset: >-
        https://via.placeholder.com/707x530 1x,
        https://via.placeholder.com/1414x1060 2x
      media: '(min-width: 60rem) and (max-width: 79.9375rem)'
    - width: 704
      height: 528
      srcset: >-
        https://via.placeholder.com/704x528 1x,
        https://via.placeholder.com/1408x1056 2x
      media: '(min-width: 80rem)'
payment_amount:
  has_flyout: true
  interval:
    $tpl: '@fsk/form/fieldset'
    $ref: '@fsk/form/fieldset'
    attributes:
      class: DonationTeaser-interval js-DonationTeaser-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'
            label:
              title: Monatlich
              attributes:
                for: input2
            children:
              attributes:
                name: spendenbetrag[interval_count]
                id: input2
                value: 1
                checked: true
          - $tpl: '@fsk/form/form-element'
            $ref: '@fsk/form/form-element#radio'
            label:
              title: Einmalig
              attributes:
                for: input100
            children:
              attributes:
                name: spendenbetrag[interval_count]
                id: input100
                value: 0
  amount:
    $tpl: '@fsk/form/fieldset'
    $ref: '@fsk/form/fieldset'
    attributes:
      class: DonationTeaser-amount js-DonationTeaser-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: 'Oder Betrag eintippen:'
          children:
            attributes:
              placeholder: Ihr Betrag

Close