在shopify

时间:2017-11-02 21:06:18

标签: javascript shopify liquid

我试图找出一种方法来自动重命名大小变体“Small”“Medium”“large”“x-large”“xx-large”“xxx-large”,到“S”“M”“ L“”XL“XXL”......等等。

我想重命名大小变体的原因是因为正在占用的额外空间量。

我正在从应用中创建产品,在appify中创建产品之前,我不会让我更改尺寸变体的名称。手动更改每个产品的变体标题是没有意义的,因为它没有时间效率。

我认为最好的方法是使用Javascript,但我不确切知道如何做到这一点,所以它不会破坏任何东西。

以下是中型变体的HTML源代码示例。

<div data-value="Medium" class="swatch-element medium-swatch available"> <label for="swatch-1-medium-286472667159">
            Medium <span class="crossed-out"></span></label></div>

样本的液体来源。

    <div class="swatch clearfix" data-option-index="{{ option_index }}">
  <div class="option_title">{{ 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: ',' %}

      <input id="swatch-{{ option_index }}-{{ value | handle }}-{{ product.id }}" type="radio" name="option-{{ option_index }}" value="{{ value | escape }}"{% if forloop.first %} checked{% endif %} />
      <div data-value="{{ value | escape }}" class="swatch-element {% if is_color %}color {% endif %}{{ value | handle }}-swatch {% if variant.available %}available{% else %}soldout{% endif %}">
        {% if is_color %}
          <div class="tooltip">{{ value }}</div>
        {% endif %}
        {% if is_color %}
          <label for="swatch-{{ option_index }}-{{ value | handle }}-{{ product.id }}" style="background-image: url({{ value | handle | append: '.' | append: file_extension | asset_img_url: '50x' }}); background-color: {{ value | split: ' ' | last | handle }};">
            <span class="crossed-out"></span>
          </label>
        {% else %}
          <label for="swatch-{{ option_index }}-{{ value | handle }}-{{ product.id }}">
            {{ value }}
            <span class="crossed-out"></span>
          </label>
        {% endif %}
      </div>
    {% endunless %}
  {% endfor %}
</div>

1 个答案:

答案 0 :(得分:1)

作为解决方法,我可以这样推荐你:

  1. 以普通CSV格式从Shopify导出产品
  2. 在Excel中打开CSV文件
  3. 使用“查找和替换”
  4. 重命名excel中的所有大小变体
  5. 再次导入Shopify(确保您已选择Overwrite existing products that have the same handle