Невозможно обновить код, если выбран вариант

Question

Я звоню в номер SKU продукта, который должен быть изменен, если вариант выбран на основе this Shopify tutorial.

В соответствии с инструкциями я поместить следующий фрагмент кода, где я хочу SKU на дисплее:

{% assign current_variant = product.selected_or_first_available_variant %} 
<span class="variant-sku">{{ current_variant.sku }}</span> 

Однако, когда вариант изменил SKU никогда не обновляется, как это делает в GIF их Учебное пособие по.

Это an example его на сайте, где он не работает.

Кроме того, вот скриншот показывает, что вариант действительно вариант Shopify, а не что-то другое (а именно так будут охвачены все мои базы).

Мое единственное догадки в том, что Shopify, возможно, изменился, и теперь все по другому, или что-то я что-то неправильно установил, хотя я следовал инструкциям учебника (помещенным внутри product-template.liquid, который отсчитываются от product.liquid (тема секционного).

Answer 1

Я никогда не редактировал файл Assets/theme.js для этого веб-сайта, и я уверен, что никто не трогал ни один из файлов, кроме меня.

Несмотря на то, что была оставлена ​​очень важная функция, отсутствующая в файле theme.js, который необходим для варианта для изменения sku.

Это были строки, которые, казалось, не были установлены в моем theme.js файле:

_updateSKU: function(variant) { 
    if (variant.sku === this.currentVariant.sku) { 
    return; 
    } 

    this.$container.trigger({ 
    type: 'variantSKUChange', 
    variant: variant 
    }); 
}, 

Кроме того, для функции _initVarients следующее пропускал (место с другими линиями, преследующих такой же тип кода):

this.$container.on('variantSKUChange' + this.settings.namespace, this._updateSKU.bind(this)); 

это не хватает в моем файле theme.js, хотя стоит проверить, как они необходимы для обновления SKU:

расположен внутри _onSelectChange функции (место с другими линиями, которые имеют один и тот же тип кода):

this._updateSKU(variant); 

Расположенный после _updatePrice функции:

_updateSKU: function(evt) { 
     var variant = evt.variant; 

     // Update the sku 
     $('.variant-sku').html(variant.sku); 
    }, 

Answer 2

Я только недавно начал использовать Shopify, но я постараюсь помочь. Я заметил, что вы используете current_variant.sku но объект справочного материала Shopify в говорит, чтобы использовать variant.sku. Здесь я нашел его:

https://help.shopify.com/themes/liquid/objects/variant#variant-sku

Надеюсь, это поможет.