Offer AZ

100%
<div id="xpresso_funnel">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 780 813" preserveAspectRatio="xMidYMid slice" class="funnel-bg" stroke-width="1">
        <path fill="#fff" d="M780 0v453.4h-81.2q0-2.5-3.4-6L389.8 141.9h-.7l-307 307q-2 2.1-2 4.5H0V0z" />
        <path fill="#d9edf5" stroke="#d9edf5" d="M698.8 453.3h-42.1q-1.1-.2-1.5.1L389.8 187.6h-.6L127 449.8q-1 1-2.7 3.3l-1.4.3H80.2q-.2-2.4 2-4.5l307-307h.6l305.6 305.5q3.5 3.5 3.4 6" />
        <path fill="#8dc9e2" stroke="#8dc9e2" d="M655.2 453.4H612q-1.3-.4-1.7-.2L389.8 232.8h-.7L169 453q0-.3-.8.2l-43.8-.2q1.6-2.2 2.7-3.3l262.2-262.2h.6z" />
        <path fill="#38a1cc" stroke="#38a1cc" d="m610.2 453.2-44.4.3q-1.8-.5-2.3-1L390 279.2a1 1-44.8 0 0-1.2 0L217.1 451.1q-2.9 2.9-6 2.2l-42.2-.2L389 232.8h.7z" />
        <path fill="#0087be" stroke="#0087be" d="m565.8 453.5-176 175.8h-.6L215.3 455.5l-.9-1.2q-.9-1.3-3.4-1 3.2.6 6-2.2l172-171.9a1 1-44.8 0 1 1.1 0l173.4 173.3q.5.5 2.3 1" />
        <path fill="#1079a4" stroke="#1079a4" d="m168.9 453.1 42.1.2q2.5-.3 3.4 1l1 1.2 173.8 173.8h.7l175.9-175.8 44.4-.3q.4-.2 1.7.3l-222 222h-.7L169.8 456q-1.3-1.2-1.7-2.6.8-.6.7-.3" />
        <path fill="#464646" stroke="#464646" d="M78 453.4q1.4 3.1 5.3 7l305.5 305.4a1 1-44.8 0 0 1.5 0l306-305.8q3.3-3.3 4.8-6.6H780V813H0V453.5z" />
        <path fill="#3c5058" stroke="#3c5058" d="M80.2 453.4h42.7l1.7 2.7v.1l264.5 264.4a1 1-44.7 0 0 1 0l264.4-264.4.1-.2q.9-1.8 2-2.7h44.5q-1.5 3.4-4.9 6.7L390.3 765.8a1 1-44.8 0 1-1.5 0L83.3 460.4q-3.9-3.9-5.4-7z" />
        <path fill="#27637c" stroke="#27637c" d="m124.3 453.1 43.8.2q.4 1.5 1.7 2.7l219.4 219.4a.5.5 0 0 0 .8 0l221.9-222h43.3q.4-.3 1.5 0-1.2.8-2 2.6l-.2.2L390 720.6a1 1-44.7 0 1-.9 0L124.7 456.2l-.1-.1-1.7-2.7z" />
    </svg>

    <div class="paywall-box-header">
        <div class="premium-icon c-badge c-badge--user">AZ+</div>
        <h2>Zugang freischalten und weiterlesen</h2>
        <div class="t-article-teaser-login">
            Sie haben bereits einen Zugang? <a href="/connect/xpresso">Hier einloggen</a>
        </div>
    </div>
    <div class="paywall-product-wrapper">
        <div class="paywall-product-box">
            <div class="paywall-product-box__inner">
                <div class="paywall-product-grid">
                    <div class="paywall-product-box__special">
                        <h2></h2>
                    </div>
                    <div class="paywall-product-box__logo">
                        <div class="premium-icon c-badge c-badge--user">AZ+</div>
                    </div>
                    <div class="paywall-product-box__title flex-head">
                        <h2>Monatszugang</h2>
                        <ul>
                            <li style="text-align: left">Monatlich kündbar</li>
                            <li>hildesheimer-allgemeine.de frei</li>
                            <li>Jeden Monat über 300 Artikel</li>
                        </ul>
                    </div>
                    <div class="paywall-product-box__price">
                        <h2>0,99&nbsp;</h2>
                        <div class="paywall-product-box__pricedescription">
                            <p>Einmalig für 2 Monate, danach mtl. 9,90 €.</p>
                        </div>
                    </div>
                    <div class="paywall-product-box__button">
                        <a href="javascript:xpresso.funnel.action('init',{'offer_id':'urn:viva:sales:subscription:offer:id:005056a9-51a0-1edd-b2c9-b8bd5605090c','data-xpr-bineos':'touchpoint:angebot-id_2MFVO_HAZ_PLUS_20230324'})" class="button button--negative">
                            Auswählen

                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="paywall-product-box special" data-xpr-bineos="touchpoint:angebot">
            <div class="paywall-product-box__inner">
                <div class="paywall-product-grid">
                    <div class="paywall-product-box__special">
                        <h2>Bestseller</h2>
                    </div>
                    <div class="paywall-product-box__logo">
                        <div class="premium-icon c-badge c-badge--user">AZ+</div>
                    </div>
                    <div class="paywall-product-box__title flex-head">
                        <h2>Jahreszugang</h2>
                        <ul>
                            <li style="text-align: left">Bestpreis sichern</li>
                            <li>hildesheimer-allgemeine.de frei</li>
                            <li>Über 3.600 Artikel im Jahr</li>
                        </ul>
                    </div>
                    <div class="paywall-product-box__price">
                        <span class="og-price">99,90 EUR</span>
                        <h2>79,90&nbsp;</h2>
                        <div class="paywall-product-box__pricedescription">
                            <p>Einmalig für 12 Monate, danach mtl. 9,90 €.</p>
                        </div>
                    </div>
                    <div class="paywall-product-box__button">
                        <a href="javascript:xpresso.funnel.action('init',{'offer_id':'urn:viva:sales:subscription:offer:id:005056a9-76fd-1eed-bef5-a43176ca9871','data-xpr-bineos':'touchpoint:angebot-id_12MFVO_HAZ_PLUS_79_90_20230526_120732'})" class="button button--negative">
                            Auswählen

                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="paywall-product-box">
            <div class="paywall-product-box__inner">
                <div class="paywall-product-grid">
                    <div class="paywall-product-box__special">
                        <h2></h2>
                    </div>
                    <div class="paywall-product-box__logo">
                        <div class="premium-icon c-badge c-badge--user">AZ+</div>
                    </div>
                    <div class="paywall-product-box__title flex-head">
                        <h2>3 für 3</h2>
                        <ul>
                            <li style="text-align: left">TEst 1</li>
                            <li>Supertest</li>
                            <li>alles fertig getestet und sehr lang</li>
                        </ul>
                    </div>
                    <div class="paywall-product-box__price">
                        <h2>0,00&nbsp;</h2>
                        <div class="paywall-product-box__pricedescription">
                            <p>Einmalig 3 für 3 Monate, danach mtl. 9,90 Euro.</p>
                        </div>
                    </div>
                    <div class="paywall-product-box__button">
                        <a href="javascript:xpresso.funnel.action('init',{'offer_id':'urn:viva:sales:subscription:offer:id:005056a9-76fd-1ede-80a3-24746aa7d256','data-xpr-bineos':'touchpoint:angebot-id_3MFVO_HAZ_PLUS_3M_3EUR_NO'})" class="button button--negative">
                            Auswählen
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="paywall-footer-text">
    </div>
</div>
<div id="xpresso_funnel">
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 780 813" preserveAspectRatio="xMidYMid slice" class="funnel-bg" stroke-width="1">
    <path fill="#fff" d="M780 0v453.4h-81.2q0-2.5-3.4-6L389.8 141.9h-.7l-307 307q-2 2.1-2 4.5H0V0z"/>
    <path fill="#d9edf5" stroke="#d9edf5" d="M698.8 453.3h-42.1q-1.1-.2-1.5.1L389.8 187.6h-.6L127 449.8q-1 1-2.7 3.3l-1.4.3H80.2q-.2-2.4 2-4.5l307-307h.6l305.6 305.5q3.5 3.5 3.4 6"/>
    <path fill="#8dc9e2" stroke="#8dc9e2" d="M655.2 453.4H612q-1.3-.4-1.7-.2L389.8 232.8h-.7L169 453q0-.3-.8.2l-43.8-.2q1.6-2.2 2.7-3.3l262.2-262.2h.6z"/>
    <path fill="#38a1cc" stroke="#38a1cc" d="m610.2 453.2-44.4.3q-1.8-.5-2.3-1L390 279.2a1 1-44.8 0 0-1.2 0L217.1 451.1q-2.9 2.9-6 2.2l-42.2-.2L389 232.8h.7z"/>
    <path fill="#0087be" stroke="#0087be" d="m565.8 453.5-176 175.8h-.6L215.3 455.5l-.9-1.2q-.9-1.3-3.4-1 3.2.6 6-2.2l172-171.9a1 1-44.8 0 1 1.1 0l173.4 173.3q.5.5 2.3 1"/>
    <path fill="#1079a4" stroke="#1079a4" d="m168.9 453.1 42.1.2q2.5-.3 3.4 1l1 1.2 173.8 173.8h.7l175.9-175.8 44.4-.3q.4-.2 1.7.3l-222 222h-.7L169.8 456q-1.3-1.2-1.7-2.6.8-.6.7-.3"/>
    <path fill="#464646" stroke="#464646" d="M78 453.4q1.4 3.1 5.3 7l305.5 305.4a1 1-44.8 0 0 1.5 0l306-305.8q3.3-3.3 4.8-6.6H780V813H0V453.5z"/>
    <path fill="#3c5058" stroke="#3c5058" d="M80.2 453.4h42.7l1.7 2.7v.1l264.5 264.4a1 1-44.7 0 0 1 0l264.4-264.4.1-.2q.9-1.8 2-2.7h44.5q-1.5 3.4-4.9 6.7L390.3 765.8a1 1-44.8 0 1-1.5 0L83.3 460.4q-3.9-3.9-5.4-7z"/>
    <path fill="#27637c" stroke="#27637c" d="m124.3 453.1 43.8.2q.4 1.5 1.7 2.7l219.4 219.4a.5.5 0 0 0 .8 0l221.9-222h43.3q.4-.3 1.5 0-1.2.8-2 2.6l-.2.2L390 720.6a1 1-44.7 0 1-.9 0L124.7 456.2l-.1-.1-1.7-2.7z"/>
  </svg>


  <div class="paywall-box-header">
    <div class="premium-icon c-badge c-badge--user">AZ+</div>
    <h2>Zugang freischalten und weiterlesen</h2>
    <div class="t-article-teaser-login">
      Sie haben bereits einen Zugang? <a href="/connect/xpresso">Hier einloggen</a>
    </div>
  </div>
  <div class="paywall-product-wrapper">
    <div class="paywall-product-box">
      <div class="paywall-product-box__inner">
        <div class="paywall-product-grid">
          <div class="paywall-product-box__special">
            <h2></h2>
          </div>
          <div class="paywall-product-box__logo">
            <div class="premium-icon c-badge c-badge--user">AZ+</div>
          </div>
          <div class="paywall-product-box__title flex-head">
            <h2>Monatszugang</h2>
            <ul>
              <li style="text-align: left">Monatlich kündbar</li>
              <li>hildesheimer-allgemeine.de frei</li>
              <li>Jeden Monat über 300 Artikel</li>
            </ul>
          </div>
          <div class="paywall-product-box__price">
            <h2>0,99&nbsp;</h2>
            <div class="paywall-product-box__pricedescription"><p>Einmalig für 2 Monate, danach mtl. 9,90 €.</p></div>
          </div>
          <div class="paywall-product-box__button">
            <a
              href="javascript:xpresso.funnel.action('init',{'offer_id':'urn:viva:sales:subscription:offer:id:005056a9-51a0-1edd-b2c9-b8bd5605090c','data-xpr-bineos':'touchpoint:angebot-id_2MFVO_HAZ_PLUS_20230324'})"
              class="button button--negative">
              Auswählen

            </a>
          </div>
        </div>
      </div>
    </div>
    <div class="paywall-product-box special" data-xpr-bineos="touchpoint:angebot">
      <div class="paywall-product-box__inner">
        <div class="paywall-product-grid">
          <div class="paywall-product-box__special">
            <h2>Bestseller</h2>
          </div>
          <div class="paywall-product-box__logo">
            <div class="premium-icon c-badge c-badge--user">AZ+</div>
          </div>
          <div class="paywall-product-box__title flex-head">
            <h2>Jahreszugang</h2>
            <ul>
              <li style="text-align: left">Bestpreis sichern</li>
              <li>hildesheimer-allgemeine.de frei</li>
              <li>Über 3.600 Artikel im Jahr</li>
            </ul>
          </div>
          <div class="paywall-product-box__price">
            <span class="og-price">99,90 EUR</span>
            <h2>79,90&nbsp;</h2>
            <div class="paywall-product-box__pricedescription"><p>Einmalig für 12 Monate, danach mtl. 9,90 €.</p></div>
          </div>
          <div class="paywall-product-box__button">
            <a
              href="javascript:xpresso.funnel.action('init',{'offer_id':'urn:viva:sales:subscription:offer:id:005056a9-76fd-1eed-bef5-a43176ca9871','data-xpr-bineos':'touchpoint:angebot-id_12MFVO_HAZ_PLUS_79_90_20230526_120732'})"
              class="button button--negative">
              Auswählen

            </a>
          </div>
        </div>
      </div>
    </div>
    <div class="paywall-product-box">
      <div class="paywall-product-box__inner">
        <div class="paywall-product-grid">
          <div class="paywall-product-box__special">
            <h2></h2>
          </div>
          <div class="paywall-product-box__logo">
            <div class="premium-icon c-badge c-badge--user">AZ+</div>
          </div>
          <div class="paywall-product-box__title flex-head">
            <h2>3 für 3</h2>
            <ul>
              <li style="text-align: left">TEst 1</li>
              <li>Supertest</li>
              <li>alles fertig getestet und sehr lang</li>
            </ul>
          </div>
          <div class="paywall-product-box__price">
            <h2>0,00&nbsp;</h2>
            <div class="paywall-product-box__pricedescription">
              <p>Einmalig 3 für 3 Monate, danach mtl. 9,90 Euro.</p>
            </div>
          </div>
          <div class="paywall-product-box__button">
            <a
              href="javascript:xpresso.funnel.action('init',{'offer_id':'urn:viva:sales:subscription:offer:id:005056a9-76fd-1ede-80a3-24746aa7d256','data-xpr-bineos':'touchpoint:angebot-id_3MFVO_HAZ_PLUS_3M_3EUR_NO'})"
              class="button button--negative">
              Auswählen
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="paywall-footer-text">
  </div>
</div>
/* No context defined. */
  • Content:
    ${> funnelCss}$
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 780 813" preserveAspectRatio="xMidYMid slice" class="funnel-bg" stroke-width="1">
      <path fill="#fff" d="M780 0v453.4h-81.2q0-2.5-3.4-6L389.8 141.9h-.7l-307 307q-2 2.1-2 4.5H0V0z"/>
      <path fill="#d9edf5" stroke="#d9edf5" d="M698.8 453.3h-42.1q-1.1-.2-1.5.1L389.8 187.6h-.6L127 449.8q-1 1-2.7 3.3l-1.4.3H80.2q-.2-2.4 2-4.5l307-307h.6l305.6 305.5q3.5 3.5 3.4 6"/>
      <path fill="#8dc9e2" stroke="#8dc9e2" d="M655.2 453.4H612q-1.3-.4-1.7-.2L389.8 232.8h-.7L169 453q0-.3-.8.2l-43.8-.2q1.6-2.2 2.7-3.3l262.2-262.2h.6z"/>
      <path fill="#38a1cc" stroke="#38a1cc" d="m610.2 453.2-44.4.3q-1.8-.5-2.3-1L390 279.2a1 1-44.8 0 0-1.2 0L217.1 451.1q-2.9 2.9-6 2.2l-42.2-.2L389 232.8h.7z"/>
      <path fill="#0087be" stroke="#0087be" d="m565.8 453.5-176 175.8h-.6L215.3 455.5l-.9-1.2q-.9-1.3-3.4-1 3.2.6 6-2.2l172-171.9a1 1-44.8 0 1 1.1 0l173.4 173.3q.5.5 2.3 1"/>
      <path fill="#1079a4" stroke="#1079a4" d="m168.9 453.1 42.1.2q2.5-.3 3.4 1l1 1.2 173.8 173.8h.7l175.9-175.8 44.4-.3q.4-.2 1.7.3l-222 222h-.7L169.8 456q-1.3-1.2-1.7-2.6.8-.6.7-.3"/>
      <path fill="#464646" stroke="#464646" d="M78 453.4q1.4 3.1 5.3 7l305.5 305.4a1 1-44.8 0 0 1.5 0l306-305.8q3.3-3.3 4.8-6.6H780V813H0V453.5z"/>
      <path fill="#3c5058" stroke="#3c5058" d="M80.2 453.4h42.7l1.7 2.7v.1l264.5 264.4a1 1-44.7 0 0 1 0l264.4-264.4.1-.2q.9-1.8 2-2.7h44.5q-1.5 3.4-4.9 6.7L390.3 765.8a1 1-44.8 0 1-1.5 0L83.3 460.4q-3.9-3.9-5.4-7z"/>
      <path fill="#27637c" stroke="#27637c" d="m124.3 453.1 43.8.2q.4 1.5 1.7 2.7l219.4 219.4a.5.5 0 0 0 .8 0l221.9-222h43.3q.4-.3 1.5 0-1.2.8-2 2.6l-.2.2L390 720.6a1 1-44.7 0 1-.9 0L124.7 456.2l-.1-.1-1.7-2.7z"/>
    </svg>
    ${#states.offer_page.no_offers_available}$
    <!-- Xpresso: No offers available -->
    ${/states.offer_page.no_offers_available}$
    ${#states.offer_page.offers_available}$
    <div class="paywall-box-header">
      <div class="premium-icon c-badge c-badge--user">AZ+</div>
      <h2>Zugang freischalten und weiterlesen</h2>
      <div class="t-article-teaser-login">
        Sie haben bereits einen Zugang? <a href="/connect/xpresso">Hier einloggen</a>
      </div>
    </div>
    ${#template_messages._all.types.error}$
    <div style="background: #fff1bf; text-align: center; font-weight: bold; padding: 0.5rem; color:black;">${message_text}$</div>
    ${/template_messages._all.types.error}$
    <div class="paywall-product-wrapper">
      <div class="paywall-product-box">
        ${#data.offer_page.offers.0}$
        <div class="paywall-product-box__inner">
          <div class="paywall-product-grid">
            <div class="paywall-product-box__special">
              <h2></h2>
            </div>
            <div class="paywall-product-box__logo">
              <div class="premium-icon c-badge c-badge--user">AZ+</div>
            </div>
            <div class="paywall-product-box__title flex-head">
              <h2>${title}$</h2>
              ${{description}}$
            </div>
            <div class="paywall-product-box__price">
            ${#texts.offer_formatted_regular_price}$
              <span class="og-price">${{texts.offer_formatted_regular_price}}$</span>
    	${/texts.offer_formatted_regular_price}$
              <h2>${currentPrice}$</h2>
              <div class="paywall-product-box__pricedescription">${{texts.offer_price_info}}$</div>
            </div>
            <div class="paywall-product-box__button">
              <a href="javascript:xpresso.funnel.action('init',{'offer_id':'${id}$','data-xpr-bineos':'touchpoint:angebot-id_${key}$'})" class="button button--negative">
            ${#texts.button_text}$${texts.button_text}$${/texts.button_text}$
            ${^texts.button_text}$Jetzt kaufen${/texts.button_text}$
              </a>
            </div>
          </div>
        </div>
      </div>
      ${/data.offer_page.offers.0}$
      ${#data.offer_page.offers.1}$
      <div class="paywall-product-box special" data-xpr-bineos="touchpoint:angebot">
        <div class="paywall-product-box__inner">
          <div class="paywall-product-grid">
            <div class="paywall-product-box__special">
              <h2>Bestseller</h2>
            </div>
            <div class="paywall-product-box__logo">
              <div class="premium-icon c-badge c-badge--user">AZ+</div>
            </div>
            <div class="paywall-product-box__title flex-head">
              <h2>${title}$</h2>
              ${{description}}$
            </div>
            <div class="paywall-product-box__price">
            ${#texts.offer_formatted_regular_price}$
              <span class="og-price">${{texts.offer_formatted_regular_price}}$</span>
    	${/texts.offer_formatted_regular_price}$
              <h2>${currentPrice}$</h2>
              <div class="paywall-product-box__pricedescription">${{texts.offer_price_info}}$</div>
            </div>
            <div class="paywall-product-box__button">
              <a href="javascript:xpresso.funnel.action('init',{'offer_id':'${id}$','data-xpr-bineos':'touchpoint:angebot-id_${key}$'})" class="button button--negative">
            ${#texts.button_text}$${texts.button_text}$${/texts.button_text}$
            ${^texts.button_text}$Jetzt kaufen${/texts.button_text}$
              </a>
            </div>
          </div>
        </div>
      </div>
      ${/data.offer_page.offers.1}$
      ${#data.offer_page.offers.2}$
      <div class="paywall-product-box">
        <div class="paywall-product-box__inner">
          <div class="paywall-product-grid">
            <div class="paywall-product-box__special">
              <h2></h2>
            </div>
            <div class="paywall-product-box__logo">
              <div class="premium-icon c-badge c-badge--user">AZ+</div>
            </div>
            <div class="paywall-product-box__title flex-head">
              <h2>${title}$</h2>
              ${{description}}$
            </div>
            <div class="paywall-product-box__price">
            ${#texts.offer_formatted_regular_price}$
              <span class="og-price">${{texts.offer_formatted_regular_price}}$</span>
    	${/texts.offer_formatted_regular_price}$
              <h2>${currentPrice}$</h2>
              <div class="paywall-product-box__pricedescription">${{texts.offer_price_info}}$</div>
            </div>
            <div class="paywall-product-box__button">
              <a href="javascript:xpresso.funnel.action('init',{'offer_id':'${id}$','data-xpr-bineos':'touchpoint:angebot-id_${key}$'})" class="button button--negative">
            ${#texts.button_text}$${texts.button_text}$${/texts.button_text}$
            ${^texts.button_text}$Jetzt kaufen${/texts.button_text}$
              </a>
            </div>
          </div>
        </div>
      </div>
      ${/data.offer_page.offers.2}$
    </div>
    <div class="paywall-footer-text"></div>
    ${/states.offer_page.offers_available}$
    
  • URL: /components/raw/offer/offer.mustache
  • Filesystem Path: src/patterns/50-external/Xpresso/Funnel/AZ/offer/offer.mustache
  • Size: 6.5 KB

No notes defined.