Цветовые образцы Shopify, которые открываются для определенной страницы продукта - PullRequest
Новая
       93

Цветовые образцы Shopify, которые открываются для определенной страницы продукта

1 голос
/ 30 апреля 2019

могу ли я архивировать, что я объяснил ниже:

Как и на одном из продуктов, я нажимаю на вариант зеленого цвета, поэтому вместо того, чтобы менять изображение продукта на зеленый, продукт должен перенаправить на зеленый продукт?

Пример здесь https://www.doyoueven.com/products/tie-back-tank-fuchsia-marl

и этот сайт также на Shopify

есть ли какое-либо приложение, пожалуйста, дайте мне знать о коде форума, который я проверил, что нет решений для форума.

Код образцов цвета здесь: 

<div class="swatch clearfix" data-option-index="{{ option_index }}">
  <div class="header">{{ swatch }}</div>
  {% assign values = '' %}
  {% for variant in product.variants %}
    {% assign value = variant.options[option_index] %}
    {% unless values contains value %}
      {% assign values = values | join: ',' %}
      {% assign values = values | append: ',' | append: value %} 
      {% assign values = values | split: ',' %}
      <div data-value="{{ value | escape }}" class="swatch-element {% if is_color %}color {% endif %}{{ value | handle }} {% if variant.available %}available{% else %}soldout{% endif %}">
        {% if is_color %}
        <div class="tooltip">{{ value }}</div>
        {% endif %}
        <input id="swatch-{{ option_index }}-{{ value | handle }}" type="radio" name="option-{{ option_index }}" value="{{ value | escape }}"{% if forloop.first %} checked{% endif %} {% unless variant.available %}disabled{% endunless %} />
        {% if is_color %}
        <label for="swatch-{{ option_index }}-{{ value | handle }}" style="background-color: {{ value | split: ' ' | last | handle }}; background-image: url({{ value | handle | append: '.' | append: file_extension | asset_url }})">
          <img class="crossed-out" src="{{ 'soldout.png' | asset_url }}" />
        </label>
        {% else %}
        <label for="swatch-{{ option_index }}-{{ value | handle }}">
          {{ value }}
          <img class="crossed-out" src="{{ 'soldout.png' | asset_url }}" />
        </label>
        {% endif %}
      </div>

Спасибо

...