I would also like to alter the options of the variants' select box.
What I found so far is how to edit the product-form.liquid like such:
<select id="product-select-{{ product.id }}{{ product-form }}{{ section.id }}{{ block.id }}" name="id">
{% for v in product.variants %}
<option {% if v == variant %}selected="selected"{% endif %} value="{{ v.id }}" data-sku="{{ v.sku }}">{{ v.title }}</option>
{% endfor %}
</select>
to:
<select id="product-select-{{ product.id }}{{ product-form }}{{ section.id }}{{ block.id }}" name="id">
{% for v in product.variants %}
<option {% if v == variant %}selected="selected"{% endif %} value="{{ v.id }}" data-sku="{{ v.sku }}">{{ v.title }}{% if v.inventory_quantity == 0%} SOLD OUT{% endif %}</option>
{% endfor %}
</select>
Now this produces the select box with the altered option value, but the code from assets/app.js.liquid changes how the final HTML is going to look like - the original select box is hidden and a new one (in DIV class=selector-wrapper) is created that has the attributes before my product-form.liquid alteration.
<div class="select">
<label>Size</label>
<div class="selector-wrapper">
<select class="single-option-selector" data-option="option1" id="product-select-1355440980032productproduct-template-option-0">
<option value="XS">XS</option>
<option value="S">S</option>
<option value="M">M</option>
<option value="L">L</option>
<option value="XL">XL</option>
</select>
</div>
<select id="product-select-1355440980032productproduct-template" name="id" style="display: none;">
<option selected="selected" value="12432318660672" data-sku="">XS</option>
<option value="12432318693440" data-sku="">S</option>
<option value="12432318726208" data-sku="">M SOLD OUT</option>
<option value="12432318758976" data-sku="">L</option>
<option value="12432318791744" data-sku="">XL</option>
</select>
</div>
Since I am not a shopify guru, much less a js guru, I need help with how to change my product options - this also means I will be able to make an option disabled (<option disabled>), or not show it all if I choose to.
So Daryoush, can you tell me how to do this?
Thank you!
