javascript - 向变体选择器添加标签 (Shopify)

Question

我有一个包含我的产品变体(标题颜色)的下拉菜单。我想在该下拉列表中添加一个标签(“选择颜色”)。我看到 Shopify 在有多个变体时添加了一个标签，但我找不到允许我更新它的代码。

我使用的主题是 Simple。

有什么帮助吗？谢谢。

Answer 1

在您的情况下，您会在 assets > theme.js.liquid in simple theme 中找到此代码片段。

/**
 *
 *  Adjust option_selection.js labels based on variant default values
 *
 */
Slate.simplifyVariantLabels = function (product) {
  // option_selection.js does not add a label if there is only one variant option.
  // Add one as long as it is not 'Title' (Shopify's default), add one.
  if (product.options.length === 1 && product.options[0] !== 'Title') {
    $('.selector-wrapper:eq(0)').prepend('<label for="ProductSelect-option-0">'+ product.options[0] +'</label>');
  }

  // Hide variant dropdown if only one exists and title contains 'Default'
  if (product.variants.length && product.variants[0].title.indexOf('Default') >= 0) {
    $('.selector-wrapper').hide();
  }
};