>问题
我有两个看起来完全相同的模板,但是在branson.html
广告每五个高尔夫球场后正确显示,但在ozarks.html
上却没有。我已经在这个问题的最底部发布了以前的StackOverflow问题的解决方案。
我做了什么
- 我已将数据来源的Google表格中的列类型更改为纯文本
- 我什至尝试过从
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 %}
这是一个简单的解决方案。
在ozarks.html
模板上,它使用loop.index
而不是设置更高的count
来确定需要放置广告的位置。