我试图找出一种方法来自动重命名大小变体“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>
答案 0 :(得分:1)
作为解决方法,我可以这样推荐你:
Overwrite existing products that have the same handle
)