class - Shopify 色板多种选择

Question

我正在处理 Shopify 页面。我需要能够选择一种颜色样本和一种补丁样本或一种颜色样本和一种标志样本。我目前不能这样做。我认为问题出在单选项选择器上，但我不知道使用什么类来让我这样做。我希望它只允许客户选择一种颜色和一个补丁等。如果有人可以帮助我，我将不胜感激。附上代码：'''

         {% if option.name == "Color" %}
           
            <label> {{option.name}} </label>
            {%assign index = forloop.index %}
            {%for value in option.values%}
                <input class="single-option-selector single-option-selector-{{ section.id }} product-form__input" id="color-{{forloop.index}}" type="radio" name="color"  value="{{ value | escape }}" data-index= "option{{index}}" {% if option.selected_value == value %}checked {%endif%} />
                <label for="color-{{forloop.index}}"> 
                <img src = "{{value |escape |append:'.jpg' |strip|asset_url}}"/>
                </label>
            {%endfor%}
              
                    </div>
       <div class = "varient-swatches-Flag"> 
         {% elsif option.name == "Flag" %}
           
            <label> {{option.name}} </label>
            {%assign index = forloop.index %}
            {%for value in option.values%}
                <input class="single-option-selector single-option-selector-{{ section.id }} product-form__input" id="color-{{forloop.index}}" type="radio" name="color"  value="{{ value | escape }}" data-index= "option{{index}}" {% if option.selected_value == value %}checked {%endif%} />
                <label for="flag-{{forloop.index}}"> 
                <img src = "{{value |escape |append:'.jpg' |strip|asset_url}}"/>
                </label>
            {%endfor%}
         
                    </div>
       <div class = "varient-swatches-Patches"> 
         {% elsif option.name == "Patch Type" %}
           
            <label> {{option.name}} </label>
            {%assign index = forloop.index %}
            {%for value in option.values%}
                <input class="single-option-selector single-option-selector-{{ section.id }} product-form__input" id="Path Type-{{forloop.index}}" type="radio" name="Patch Type"  value="{{ value | escape }}" data-index= "option{{index}}" {% if option.selected_value == value %}checked {%endif%} />
                <label for="patch type-{{forloop.index}}"> 
                <img src = "{{value |escape |append:'.JPG' |strip|asset_url}}"/>
                </label>
            {%endfor%}
         
                    </div>    
           
         {%else%} 
            <label {% if option.name == 'default' %}class="label--hidden" {% endif %}for="SingleOptionSelector-{{ section.id }}-{{ forloop.index0 }}">{{ option.name }}</label>
            <select class="single-option-selector single-option-selector-{{ section.id }} product-form__input"
              id="SingleOptionSelector-{{ forloop.index0 }}"
              data-name="{{ option.name }}"
              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>
          {%endif%}

'''

标签： classshopifyliquid