Question

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

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

任何帮助将不胜感激！

Answer 1

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

这就是我要做的这项工作；

首先，我已基于产品的集合为每个产品添加了标签，在一个示例中，我为产品集合中的所有产品添加了标签 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>

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

1 个答案: