Question

我希望这里有人可以帮助我。快速解决我的问题，我试图在价格上方显示变体sku，并添加其他一些在选择变体时会发生变化的部分（说明下载链接/不同的meta字段。）我没有任何运气。 / p>

我使用Theme Kit作为我的基本主题。

这是我的代码：

产品。液体

<!-- 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>

主题。液体

{% 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>

任何帮助，添加其他变体数据的提示都将非常有用。

谢谢

Shopify变体不显示

0 个答案: