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

我在Shopify上有一家在线商店，有10种不同颜色的产品。因此，出于搜索引擎优化的目的，我创建了10个产品，如黑色T恤、蓝色T恤、红色T恤等。我为每个产品指定了自己的标签和独特的描述

我想做的是从每个产品页面将所有产品相互链接，例如，当前查看的产品是黑色T恤，在该页面上，我想显示10个可点击的颜色/样本，每个颜色的图像，并在当前查看的产品中添加活动类，当点击另一种颜色时，用户将进入另一个产品页面。我该怎么做

---

任何帮助都将不胜感激

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

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

首先，我根据每个产品的集合为每个产品添加了一个标记，在一个示例中，我为collection 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>

{%if product.tags包含“small”%}
{%assign current_product_tag=“small”%}
{%elsif product.tags包含“medium”%}
{%assign current_product_tag=“medium”%}
{%elsif product.tags包含“大”%}
{%assign current_product_tag=“large”%}
{%endif%}
{%assign current_product=product%}
选择颜色


{collections.all.products%中的产品的%s}
{%if product.tags包含当前\u product\u标记%}


{%endif%}
{%endfor%}

如何做到这一点？Messily:P有很多方法可以做到这一点，但是它们都会有不同程度的黑客攻击，并且在页面加载期间会在Liquid logic或AJAX调用中引入大量开销。你确定你不能通过使用描述性模式（例如：JSON-LD）来实现你想要的SEO，而不是依靠人为地增加页面数量吗？谷歌毕竟是按质量来衡量链接的。对不起，我的错，我还应该提到十种不同的颜色/产品是客户要求的用户体验设计的一部分。购物有3个步骤，在主页上（步骤1）我有3个集合，当用户选择/单击其中一个时，他会在另一个页面上开始可用颜色（步骤2）在这一步骤中，用户选择自己喜欢的颜色，并移动到产品页面（步骤3），在那里他可以查看所选产品的所有详细信息。我知道安装第三方色板应用程序并支付月费是很困难的，但我更喜欢不使用这些应用程序的解决方案。嗯。也许没那么凌乱，那么-听起来第二步是一个收集页面，对吗？因此，您将有

collection.products

液体，只要产品数量合理（即，适合合理的分页大小），您就不会有任何问题。为您的第2步集合创建自定义集合模板，将其设计为一个产品页面，其中样例是单个产品，这样是否可行？（可能会有一些假设，即该系列中的所有产品都具有相同的选项尺寸-因此，所有产品都是单变量产品或具有共同的“尺寸”…）正确！步骤1包含了一个三个品种；集合1-小集合2-中集合3-大步骤2是一个集合页面，使用自定义模板，在此页面上，用户可以看到样本，十种颜色作为具有相同选项尺寸（尺寸）的单个产品。产品URL结构看起来像www.example.com/collections/brand-t-shirt-size/color。我喜欢这种方法，而且它看起来比使用应用程序要好得多。我希望做一些类似的事情，并对您的代码有一些问题。您如何处理色样的样式？我还没有试过你的代码，但看起来这会列出颜色名称？