0

大家，我是液体标记语言的新手。我正在创建一个电子商务 shopify 网站，并在页面的上半部分放置了一个完整的页面图像（在导航链接下方）它看起来很棒，但唯一的问题是当您单击另一个页面时，图像也固定在该页面上。

我只想在我网站的主页上看到这张图片，有人能帮我解决这个问题吗？

这是实际站点的链接： http: //starpro-greens.myshopify.com/

这是我的这张图片的代码：

HTML（放置在 Layouts 选项卡下的 theme.liquid 中）：

 <div class="grid__item large--two-thirds large--display-table-cell         medium-down--hide">
          {% include 'site-nav' %}
        </div>
      </div>
    </div>
  </header>

      <div class="imagetop">
        .



  <div class="grid__item large--four-fifths bg ">

          {{ content_for_layout }}
        </div>
      </div>

CSS（放置在 Assets 选项卡下的 theme.scss.liquid 中）：

.imagetop{
    background-image: url({{ 'top.png' | asset_url }});
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 250px;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #000;
4

1 回答 1

0

您可以将显示图像的代码包装在 if 语句中，如下所示：

{% if template contains 'index' %}
    Your code to display the image goes here...
{% endif %}

有关更多信息，请参阅此类似问题和备用模板上的Shopify 文档。

于 2015-10-14T10:49:45.600 回答