产品名称随变体选择而变化 wooCommerce

Question

我有这个使用 woo-commerce 的产品页面。我想在选择尺寸变化时更改标题初始值。如果我选择 4 英寸，那么标题应该以 4 英寸开头。任何人都请帮助我尝试一些代码，但它不起作用。

已应用此代码 change title of variable woocommerce product based on attribute value selection

http://taroxcompany.com/product/solid-wood-legs/

谢谢

Answer 1

这是您案例的小片段（经过测试并有效）：

default_pr_title = jQuery(".product_title").html();
jQuery("ul.variable-items-wrapper li").on('click', function() {
  currentsize = jQuery(this).attr('data-value');
  if (currentsize != undefined) {
      setTimeout(function() {
          jQuery(".product_title").html(currentsize + ' - ' + default_pr_title);
      }, 400);
  }
});

您可以将其放在主题的页脚区域。如果需要，不要忘记使用脚本标签。

这段代码的作用：

• 存储产品标题的默认值
• 向属性字段添加点击侦听器。
• 每次更改大小时，该侦听器都会开始更改产品标题。