Shopify - 特色图片复制产品集合视图

Question

在收集部分显示图像并将产品预览图像与某个产品相关联时，我会收到产品的重复副本，因为我有图像预览。这是因为我不是要求第一张特色图片吗？

<img src="{{ collection.products.first.featured_image | product_img_url: 'medium' }}">

两张图片都转到同一产品。我想通了，因为我有一个预览图像和一个特色图片，它显示了两个相同的产品。

以下是完整的资料来源：

<div class="collectionfront">   
{% for product in products %}
{% for image in product.images %}
<a href="/products/{{ product.handle }}" class="product-hover"><img src="{{ collection.products.first.featured_image | product_img_url: 'medium' }}"><h2><span>{{ product.title }}</span></h2>{{ product.price | money_with_currency }}{% if product.available %}<form action="/products/{{ product.handle }}"><span><button type="submit" class="shop-btn">Shop</button></span></form>{% else %}<p>Sold Out!</p>{% endif %}</a>
{% endfor %}

{% endfor %} 
</div>

Answer 1

我认为这是因为您正在遍历每个产品图片。尝试删除内部for循环{% for image in product.images %}。

此外，如果您要显示产品的精选图片而非集合，则可能需要product.featured_image而不是collection.products.first.featured_image。