Question

我需要一些帮助。我有一个正在使用Shopify为客户服务的网站。

基于创建收藏集时上传的收藏集图片，网站需要为每个收藏集页面添加横幅。

有人告诉我可以使用此代码执行此操作...

{% if collection.image %}{{ collection.image | img_url: 'medium' }}{% endif %}

我环顾了Shopify代码编辑部分，并检查了模板部分中的collection.liquid代码，但没有找到添加此代码的地方。然后，我在部分部分中检查了collection-template.liquid部分，但仍然看不到添加它的地方。

我应该在哪里添加此代码？

我对Shopify Liquid代码系统不熟悉。我只知道如何编写HTML和CSS。

如果有帮助，我正在使用“一切主旋律”。

Answer 1

我找不到名为“ Everything Main”的主题，但是我可以向您展示如何使用其中一个免费主题。在此示例中，我使用“供应”。

因此，首先打开/sections/collection-template.liquid文件，然后查找以下代码：

        <header class="section-header">
          <h1 class="section-header--title h1">{{ collection.title }}</h1>
          <div class="rte rte--header">
            {{ collection.description }}
          </div>
       </header>

如果不为空白，则会显示集合说明。现在，如果您想显示收藏图片，此代码段将如下所示：

        <header class="section-header">
          <h1 class="section-header--title h1">{{ collection.title }}</h1>
          <div class="rte rte--header">
            {{ collection.description }}
          </div>
          {% if collection.image %}<div><img src="{{ collection.image | img_url: 'medium' }}" /></div>{% endif %}
       </header>

因此，如果图像不是空白，则会插入包含您的图像的容器。

罗马

Answer 2

{% if collection.image %}

<imgsrc="{{ collection.image | img_url: 'medium' }}">

{% endif %}

向每个Shopify集合页面添加图像横幅

2 个答案: