1

我在 Shopify 上有一家在线商店，其中一款产品有 10 种不同颜色。因此，出于 SEO 的目的，我创建了 10 种产品，例如黑色 T 恤、蓝色 T 恤、红色 T 恤等。我为每种产品分配了自己的标签和独特的描述。

我想做的是从每个产品页面将所有产品相互链接，例如，当前查看的产品是黑色 T 恤，我想在该页面上显示 10种可点击的颜色/样本，每个颜色的图像颜色和当前查看添加活动类，当单击另一种颜色时，它会将用户带到另一个产品页面。我该如何实现？

任何帮助将非常感激！

4

1 回答 1

1

我想与其他可能需要解决相同任务的人分享。

这是我为完成这项工作所做的工作；

首先，我根据每个产品的集合为每个产品添加了一个标签，在集合 SMALL 中的所有产品的示例中，我添加了标签small，然后我必须编写此代码来获取所有具有相同产品的列表标签。

  {% if product.tags contains "small" %}
        {% assign current_product_tag = "small" %}
  {% elsif product.tags contains "medium" %}
        {% assign current_product_tag = "medium" %}
  {% elsif product.tags contains "large" %}
        {% assign current_product_tag = "large" %}
  {% endif %}

  {% assign current_product = product %}
    <div id="sw_container">
      <p class="sw_title">Select Colour</p>
      <ul class="sw_list">
  {% for product in collections.all.products %}
  {% if product.tags contains current_product_tag %}
        <li class="sw_item{% if product.handle == current_product.handle %} active{% endif %}">
          <a title="{{ product.title | escape }}" href="{% if product.handle == current_product.handle %}#{% else %}{{ product.url }}{% endif %}">
            <img src="{{ product.images.last  | product_img_url: 'small' }}" alt="{{ product.title | escape }}">
          </a>
        </li>
  {% endif %}
  {% endfor %}
      </ul>
    </div>
于 2018-09-27T14:11:53.880 回答