使用Jinja循环遍历数组，在每五个高尔夫球场后添加广告

Question

问题

我有两个看起来完全一样的模板，但是在branson.html上，广告在每五个高尔夫球场之后都会正确出现，但是在ozarks.html上却没有。我已经在这个问题的最下面贴出了以前的StackOverflow question的解决方案。你知道吗

我做了什么

• 我已经将googlesheets中的列类型（数据的来源）自动更改为纯文本
• 我甚至试着从中复制和粘贴HTML结构 branson.html到ozarks.html然后只是更改标签
• 我一定要fab text update
• 我一定要检查高尔夫球场对象以查看course.region == "Ozarks"

你知道吗奥扎克.html（每五节课后不显示广告）

<div class="featured">

    <div class="courses courses--featured">

        {% set count = 0 %}
        {% for content in COPY.courses %}
        {% if content.region == "Ozarks" %}
                <div class="course course--featured featured--region">
                    {% if content.featured == "Featured" %}
                        <a href="/courses/{{ content.slug }}"><img src="" class="course__image image--region"></a>
                    {% endif %}

                    <div class="course__inner inner--region">
                        <div class="course__wrapper">
                            {% if content.state == "MO" %}
                                <p class="course__state">Missouri</p>
                            {% elif content.state == "IL" %}
                                <p class="course__state">Missouri</p>
                            {% endif %}
                        </div>

                        <div class="course__wrapper">
                            <a href="/courses/{{ content.slug }}"><p class="course__name name--region">{{ content.name }}</p></a>
                        </div>

                        {% if content.featured == "Featured" %}
                            <p class="course__desc">{{ content.description }}</p>
                        {% endif %}
                    </div>
                </div>

        {% set count = count + 1 %}
        {% if loop.index % 5 == 0 %}
        <div class="advertising advertising--inline">
            <div class="ad ad--rect">

                <div class="text-center hidden-xs">
                    <div id="fixed-leaderboard-region-top"
                        class="dfp-ad"
                        data-dfp-custom-pos="fixed-leaderboard-top, htf"
                        data-dfp-size="[728,90]">
                    </div>
                </div>

                <div class="text-center hidden-sm hidden-md hidden-lg">
                    <div id="fixed-leaderboard-region-top-mobile"
                        class="dfp-ad"
                        data-dfp-custom-pos="fixed-leaderboard-top, htf"
                        data-dfp-size="[320,50]">
                    </div>
                </div>
            </div>
        </div>
        {% endif %}
        {% endif %}
        {% endfor %}
    </div>
</div>

你知道吗布兰森.html（工作正常。）

<div class="featured">
    <div class="courses courses--featured">

        {% set count = 0 %}
        {% for content in COPY.courses %}
        {% if content.region == "Branson" %}
                <div class="course course--featured featured--region">
                    {% if content.featured == "Featured" %}
                        <a href="/courses/{{ content.slug }}"><img src="" class="course__image image--region"></a>
                    {% endif %}

                    <div class="course__inner inner--region">
                        <div class="course__wrapper">
                            {% if content.state == "MO" %}
                                <p class="course__state">Missouri</p>
                            {% elif content.state == "IL" %}
                                <p class="course__state">Missouri</p>
                            {% endif %}
                        </div>

                        <div class="course__wrapper">
                            <a href="/courses/{{ content.slug }}"><p class="course__name name--region">{{ content.name }}</p></a>
                        </div>

                        {% if content.featured == "Featured" %}
                            <p class="course__desc">{{ content.description }}</p>
                        {% endif %}
                    </div>
                </div>

        {% set count = count + 1 %}
        {% if loop.index % 5 == 0 %}
        <div class="advertising advertising--inline">
            <div class="ad ad--rect">

                <div class="text-center hidden-xs">
                    <div id="fixed-leaderboard-region-top"
                        class="dfp-ad"
                        data-dfp-custom-pos="fixed-leaderboard-top, htf"
                        data-dfp-size="[728,90]">
                    </div>
                </div>

                <div class="text-center hidden-sm hidden-md hidden-lg">
                    <div id="fixed-leaderboard-region-top-mobile"
                        class="dfp-ad"
                        data-dfp-custom-pos="fixed-leaderboard-top, htf"
                        data-dfp-size="[320,50]">
                    </div>
                </div>
            </div>
        </div>
        {% endif %}
        {% endif %}
        {% endfor %}
    </div>
</div>

早期解决方案

{% set count = 0 %}
{% for content in COPY.courses %}
{% if content.featured == "Test" %}
<div class="course course--featured">
    <a href=""><img src="" class="course__image image--home"></a>
    [...]
    </div>
</div>

{% set count = count + 1 %}
{% if count % 5 == 0 %}
    <!-- additional content once every 5 courses -->
{% endif %}
{% endif %}
{% endfor %}

Answer 1

这是一个简单的解决办法。你知道吗

在ozarks.html模板上，它使用loop.index而不是被设置得更高的count来确定广告需要放在哪里。你知道吗