Lightbox

100%
<div id="xpresso_funnel">
    <div class="paywall-box-header">
        <div class="premium-icon c-badge c-badge--user">HAZ+</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">HAZ+</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">HAZ+</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">HAZ+</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"><div class="paywall-box-header">
        <div class="premium-icon c-badge c-badge--user">HAZ+</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">HAZ+</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">HAZ+</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">HAZ+</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 for this component. */
  • Content:
    ${#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">HAZ+</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">
        ${#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">HAZ+</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">HAZ+</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">HAZ+</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>
    ${> funnelCss}$
    ${/states.offer_page.offers_available}$
    
  • URL: /components/raw/xpresso-lightbox/offer.mustache
  • Filesystem Path: src/patterns/50-external/Xpresso/Funnel/xpresso-lightbox/offer.mustache
  • Size: 4.6 KB
  • Handle: @xpresso-lightbox
  • Preview:
  • Filesystem Path: src/patterns/50-external/Xpresso/Funnel/xpresso-lightbox/xpresso-lightbox.twig

There are no notes for this item.