如何在WooCommerce中通过编程方式设置产品属性变体价格

前端实时联动实现（用户选择时即时更新页面价格） #

无需在后台逐个配置变体价格，直接通过前端事件绑定实现选择即更新，所有产品复用同一套定价规则：

• 先定义全局统一的尺寸-价格映射表，后续调价只需要修改这一处即可全店同步生效：

const GLOBAL_SIZE_PRICE = {
  '小号': 20,
  '中号': 25,
  '大号': 30
}

• 给页面上的尺寸变体按钮绑定选择事件，选中时同步更新价格展示和加购参数：

// 按需替换成你的页面对应元素选择器
const sizeButtons = document.querySelectorAll('.size-variant-btn');
const priceDisplay = document.querySelector('.product-price-current');
const hiddenPriceInput = document.querySelector('input[name="checkout_price"]');

sizeButtons.forEach(btn => {
  btn.addEventListener('click', function() {
    // 获取选中的尺寸值
    const selectedSize = this.dataset.size || this.textContent.trim();
    const targetPrice = GLOBAL_SIZE_PRICE[selectedSize] || GLOBAL_SIZE_PRICE['小号'];
    // 更新页面价格展示
    priceDisplay.textContent = `$${targetPrice}`;
    // 同步更新结算用的隐藏表单值
    hiddenPriceInput.value = targetPrice;
  })
})

后台批量预设变体价格实现（将价格写入后台变体数据） #

如果需要把价格实际存储到店铺后台的变体属性中，避免前端修改风险，可以通过平台开放API批量处理：

• 伪代码逻辑示例：

# 全局定价规则和前端保持一致
GLOBAL_SIZE_PRICE = {
  '小号': 20,
  '中号': 25,
  '大号': 30
}
# 拉取全店所有带尺寸变体的产品
all_products = shop_open_api.get_product_list(filters={'variant_type': 'size'})

for product in all_products:
    for variant in product['variants']:
        size_val = variant['option1'] # 按实际平台变体字段调整
        if size_val in GLOBAL_SIZE_PRICE:
            # 调用更新接口批量写入价格
            shop_open_api.update_variant(
                variant_id=variant['id'],
                update_data={'price': GLOBAL_SIZE_PRICE[size_val]}
            )

注意事项 #

• 结算逻辑一定要在后端做二次校验，不要完全信任前端传的价格参数，避免用户篡改前端代码提交异常低价
• 尺寸值的匹配要注意前后端完全统一，避免出现文字差异（比如空格、大小写、简繁体）导致匹配失败。

内容的提问来源于stack exchange，提问作者user2897282