Я надеюсь, что кто-то здесь может мне помочь. Краткое изложение моей проблемы. Я пытаюсь отобразить вариант sku над ценой и добавить несколько других разделов, которые меняются при выборе варианта (ссылка на скачивание инструкции / другие мета-поля.) У меня не было удачи.
Я использую Theme Kit
в качестве базовой темы.
Вот мой код:
product.liquid
<!-- Variant select. -->
<label for="product-select">Choose your {{ product.title }}</label>
<select id="product-select" name="id">
{% for variant in product.variants %}
<option value="{{ variant.id }}"{% if variant == product.selected_or_first_available_variant %} selected="selected" {% endif %}>{{ variant.title }} - {{ variant.price | money }} - </option>
{% endfor %}
</select>
theme.liquid
{% if template contains 'product' %}
{{ 'option_selection.js' | shopify_asset_url | script_tag }}
<script type="text/javascript">
(function($) {
var onVariantSelected = function(variant, selector) {
// Update price display.
var formattedPrice = Shopify.formatMoney(variant.price, "");
$('#product-price').text(formattedPrice);
// Enable or disable the Add to Cart button.
$('#add-to-cart').attr('disabled', variant.available ? null : 'disabled');
// Update the featured image.
if(variant.featured_image) {
var sizedImageUrl = Shopify.Image.getSizedImageUrl(variant.featured_image.src, 'master');
$('#featured-image').attr('src', sizedImageUrl);
}
};
var optionSelectors = new Shopify.OptionSelectors("product-select", { product: {{ product | json }}, onVariantSelected: onVariantSelected, enableHistoryState: true });
// Create an event listener to set a specific variant when clicking on image thumbnails.
$(document).on('click', '[data-change-variant]', function(e) {
e.preventDefault();
optionSelectors.selectVariant($(this).data('changeVariant'));
});
}(jQuery));
</script>
любая помощь, советы по добавлению дополнительных вариантов данных были бы очень полезны.
Спасибо