Отображать ссылки на другие цвета на странице продукта Shopify

Хочу поделиться с другими людьми, которым может понадобиться решить ту же задачу.

Вот что я сделал, чтобы получить эту работу;

Сначала я добавил тег к каждому продукту на основе его коллекции, в примере для всех продуктов в коллекции МАЛЕНЬКИЙ Я добавил тег 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>