Shopify Variants Photos Чтобы выбрать для продукта - PullRequest
Новая
       31

Shopify Variants Photos Чтобы выбрать для продукта

0 голосов
/ 20 сентября 2019

Использование Shopify в первый раз, но необходимо иметь возможность выбрать изображение вариантов продукта при выборе продукта, чтобы оно также изменилось в выпадающем меню справа от продукта.

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

      {% form 'product', product, class:form_classes, novalidate: 
        'novalidate', data-product-form: '' %}
          {% unless product.has_only_default_variant %}
          {% for option in product.options_with_values %}
            <div class="selector-wrapper js product-form__item">
              <label {% if option.name == 'default' %}class="label-- 
                hidden" {% endif %}for="SingleOptionSelector-{{ 
                       forloop.index0 }}">
                {{ option.name }}
              </label>
              <select class="single-option-selector single-option- 
               selector-{{ section.id }} product-form__input" 
                id="SingleOptionSelector-{{ forloop.index0 }}" data- 
                  index="option{{ forloop.index }}">
                {% for value in option.values %}
                  <option value="{{ value | escape }}"{% if 
                   option.selected_value == value %} selected="selected" 
        {% endif %}>{{ value }}</option>
                {% endfor %}
              </select>
            </div>
          {% endfor %}
        {% endunless %}

        <select name="id" id="ProductSelect-{{ section.id }}" 
          class="product-form__variants no-js">
          {% for variant in product.variants %}
            {% if variant.available %}
              <option {% if variant == 
          product.selected_or_first_available_variant %} 
              selected="selected" {% endif %} value="{{ variant.id }}">
                {{ variant.title }}
              </option>
            {% else %}
              <option disabled="disabled">{{ variant.title }} - {{ 
               'products.product.sold_out' | t }}</option>
            {% endif %}
          {% endfor %}
        </select>

Когда изображения, выбранные для варианта продукта, просто изменяют то, что вы видите, а не то, что вы планируетеполучить.Я хочу, чтобы и раскрывающийся список оставался активным, и селектор вариантов изображения для работы с раскрывающимся списком.

...