Code swatch

{%- if option_type == 'image' %}
                              <div class="grid-x">
                                {%- assign color = '' -%}
                                {%- assign shown_list = '' -%}
                                {%- for variant in product.variants -%}
                                  {%- assign option_handle = variant.options[option_index] -%}
                                  {%- unless shown_list contains option_handle -%}
                                    {%- if variant.image -%}
                                      <label class="product-option-value-item product-option-image">
                                        <input type="radio" name="option{{ option.position }}" {% if variant == current_variant %}checked="checked"{% endif %} value="{{ option_handle | escape }}" data-product-option="{{ option_index }}" />
                                        <img src="{{ 'icon-loader-clock.svg' | asset_url }}" data-src="{{ variant.image | img_url: thumb_height }}" class="display-block lazyload" alt="{{ option_handle }}"/>
                                      </label>
                                    {%- endif -%}
                                    {%- assign shown_list = shown_list | join: ',' -%}
                                    {%- assign shown_list = shown_list | append: ',' | append: option_handle -%}
                                    {%- assign shown_list = shown_list | split: ',' -%}
                                  {%- endunless -%}
                                {%- endfor -%}
                              </div>
                            {%- elsif option_type == 'color' %}
                              <div class="grid-x">
                                {%- assign color = '' -%}
                                {%- assign shown_list = '' -%}
                                {%- for variant in product.variants -%}
                                  {%- assign option_handle = variant.options[option_index] -%}
                                  {%- unless shown_list contains option_handle -%}
                                      {%- capture color_code -%}
                                        {%- include 'product-option-color-detector' -%}
                                      {%- endcapture -%}
                                      {%- assign color_code = color_code | strip | strip_newlines -%}
                                      {%- if color_code != blank -%}
                                        <label class="product-option-value-item product-option-color">
                                          <input type="radio" name="option{{ option.position }}" {% if variant == current_variant %}checked="checked"{% endif %} value="{{ option_handle | escape }}" data-product-option="{{ option_index }}" />
                                          <span class="display-block" style="background: {{ color_code }};"></span>
                                        </label>
                                      {%- endif -%}
                                    {%- assign shown_list = shown_list | join: ',' -%}
                                    {%- assign shown_list = shown_list | append: ',' | append: option_handle -%}
                                    {%- assign shown_list = shown_list | split: ',' -%}
                                  {%- endunless -%}
                                {%- endfor -%}
                              </div>