在 Shopify 产品页面上显示指向其他颜色的链接

Question

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

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

任何帮助将不胜感激！

Answer 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>