Shopify варианты не отображаются - PullRequest
0 голосов
/ 22 октября 2019

Я надеюсь, что кто-то здесь может мне помочь. Краткое изложение моей проблемы. Я пытаюсь отобразить вариант 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>

любая помощь, советы по добавлению дополнительных вариантов данных были бы очень полезны.

Спасибо

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...