如何调整WooCommerce商品属性显示位置 移入附加信息或描述标签

操作实现方法(适配WooCommerce默认简单商品结构)
以下两种方案任选即可:
方案1:钩子代码注入(推荐,无需修改模板文件,版本升级不会失效)
将对应代码添加到当前主题的functions.php文件,或者自定义代码片段插件中即可生效:
- 先移除默认显示在商品加购区上方的属性模块:
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_attributes', 25 );
- 按照你的需求选择对应插入位置的代码:
- 移动到附加信息标签中:
add_action( 'woocommerce_product_additional_information', 'woocommerce_template_single_attributes', 10 );
- 移动到描述标签中:
add_action( 'woocommerce_product_description_tab_content', 'woocommerce_template_single_attributes', 20 );
方案2:自定义模板修改(适合需要自定义属性显示样式的场景)
- 复制WooCommerce插件目录下的
templates/single-product/里对应标签的模板文件,到当前主题根目录下的woocommerce/single-product/文件夹中(如果没有对应目录自行创建) - 在你想要显示属性的位置插入如下代码即可输出商品属性:
wc_display_product_attributes( $product );
如果你使用了Elementor之类的可视化页面构建器,直接在商品单页编辑界面将属性模块拖拽到对应标签的内容区域即可,无需添加代码。
内容的提问来源于stack exchange,提问作者Kabalan El Sitt
相关产品推荐
相关产品推荐

