如何在 Shopify 中所有产品的页面上显示每个产品的色板-解网

问：

我在主页上有一个块，我在那里显示所有产品我需要确保每个产品都显示颜色、样本和尺寸选项。这可以在没有插件的情况下标准地完成吗？我使用 product-variant-picker 将其显示为在产品页面上，但现在我在页面上的控制台中遇到了错误，据我了解，此选项不适用于一个页面上的多个输出

//variant picker

{%- unless product.has_only_default_variant -%}
  <variant-radios
    id="variant-radios-{{ section.id }}"
    class="no-js-hidden"
    data-section="{{ section.id }}"
    data-url="{{ product.url }}"
    {% if update_url == false %}
      data-update-url="false"
    {% endif %}
  >
    {%- for option in product.options_with_values -%}
      <fieldset class="js product-form__input">
        {% render 'custom-product-variant-options', product: product, option: option %}
      </fieldset>
    {%- endfor -%}
    <script type="application/json">
      {{ product.variants | json }}
    </script>
  </variant-radios>
{%- endunless -%}

//product card

<li>
....

 <div class="variants-picker__list">
        {% render 'product-variant-picker', product: product, product_form_id: product_form_id %}
      </div>

<li>

一个应该如何的例子

Shopify 液体

如何在 Shopify 中所有产品的页面上显示每个产品的色板

How to display color swatches for each product on the page of all products in Shopify

评论