技术求助：如何在WooCommerce中将短描述移至加入购物车按钮上方

你可以通过WooCommerce的钩子系统调整元素位置，具体实现如下：

代码实现 #

将以下代码添加到你的WordPress主题（推荐使用子主题）的functions.php文件中，或者自定义功能插件内：

// 移除默认位置的商品短描述
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20 );

// 在加入购物车按钮上方重新挂载商品短描述
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 25 );

原理说明 #

WooCommerce单商品页面的摘要区域元素通过不同优先级的钩子依次渲染：

• 默认状态下，商品短描述的钩子优先级为20
• 加入购物车按钮的钩子优先级为30
  通过移除原钩子并以25的优先级重新添加，即可让短描述显示在加购按钮之前。

注意事项 #

• 优先使用子主题的functions.php，避免主题更新导致代码丢失
• 若你的主题自定义了商品页面结构，可根据实际显示效果微调优先级数字
• 代码添加后刷新商品页面，即可看到调整后的显示效果

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