Premium Article (Payment Required)

100%
<!-- Error rendering component -->
<!-- Error: Could not render component '@paywall' - component not found. -->
<!-- Error: Error: Could not render component '@paywall' - component not found.
    at /app/node_modules/@frctl/twig/src/adapter.js:156:24
    at new Promise (<anonymous>)
    at TwigAdapter.render (/app/node_modules/@frctl/twig/src/adapter.js:134:16)
    at Object.render (/app/fractal.config.js:101:28)
    at ComponentSource._renderVariant (/app/node_modules/@frctl/fractal/src/api/components/source.js:212:30)
    at _renderVariant.next (<anonymous>)
    at onFulfilled (/app/node_modules/co/index.js:65:19) -->
<section class="grid-container o-section">
    <article role="article" class="t-article">
        <div class="grid-container">
            <div class="grid-x grid-margin-x">
                <div class="cell large-10 large-offset-2">
                    {% render '@headline' with {
                        title: 'Verrückt: die knallbunte Gothic-Szene',
                        kickers: [
                            "Veröffentlicht in : Hildesheim Aufmacher"
                        ]
                    } %}
                    <p>
                        <strong>Hildesheim</strong> - Bunte Bandshirts, Häkeltops und Boho-Kleidchen: Wer die
                        übliche Festival-Kleidung beim M’era Luna sucht, wird nicht fündig. Hildesheim ist
                        erneut zu einem Mekka morbider Mode geworden. Der teuflisch strenge Dresscode in
                        Bildern.
                    </p>
                </div>
            </div>
            <div class="grid-x grid-margin-x">
                <div class="cell large-2 small-order-2 large-order-1">
                    <aside class="grid-x grid-margin-x">
                        <div class="cell small-12 medium-6 large-12">
                            {% render '@meta' %}
                        </div>
                        <div class="cell small-9 medium-3 large-12">
                            {% render '@social-menu' with {skype: false, linkedin: false} %}
                        </div>
                        <div class="cell small-3 medium-3 large-12">
                            {% render '@bookmark' %}
                        </div>
                    </aside>
                </div>
                <div class="cell large-10 small-order-1 large-order-2">
                    {% render '@media' with {
                        credit: 'Knochen und grüne Haare &ndash; auf dem M\'era Luna stößt man damit auf Anerkennung. / Foto: Julia Moras'
                    } %}
                </div>
            </div>
            <div class="grid-x grid-margin-x">
                <div class="cell large-5 large-offset-2 small-order-2 large-order-1">
                    <section itemprop="articleBody" class="t-article-body">
                        <div class="u-blur-crop">
                            {% render '@heading--h3' with { text: '"Endlich normale Leute"' } %}
                            {% render '@paragraph'|truncate(50) %}
                          </div>
                        <div class="grid-x grid-margin-x">
                            <div class="cell medium-12 large-10 large-offset-0">
                                {% render '@paywall' %}
                            </div>
                        </div>
                    </section>
                </div>
                <div class="cell large-5 small-order-1 large-order-2">
                {% render '@ad--rectangle' %}
                </div>
            </div>
        </div>
    </article>
</section>
/* No context defined. */
  • Handle: @template-article-payment-required
  • Preview:
  • Filesystem Path: src/patterns/40-templates/03-articles/payment-required/payment-required.twig

No notes defined.