求助:移除WordPress单产品页面重复WooCommerce评分星星(新手)
解决WordPress单产品页评论区重复评分星星问题(新手友好步骤)
方法一:用CSS隐藏多余的星星(最简单上手)
- 登录WordPress后台,找到「外观」→「主题文件编辑器」
- 在右侧「子主题文件」列表里,点击打开「style.css」
- 在文件最末尾粘贴以下代码:
/* 隐藏评论区重复的评分星星 */ .woocommerce-Reviews .comment-container .stars + .stars { display: none !important; }
- 点击页面底部的「更新文件」保存修改
- 刷新你的单产品页面,检查星星是否恢复为5个
方法二:通过子主题functions.php禁用重复的评分输出
如果CSS方法没效果,试试这个:
- 回到「主题文件编辑器」,找到子主题的「functions.php」文件
- 在文件最后(不要删除原有代码)添加这段代码:
// 禁用Astra主题的评论区评分样式,避免和WooCommerce重复 add_action( 'wp_enqueue_scripts', 'remove_astra_review_stars', 100 ); function remove_astra_review_stars() { wp_dequeue_style( 'astra-woocommerce' ); wp_deregister_style( 'astra-woocommerce' ); }
- 点击「更新文件」保存
- 刷新页面查看效果
额外排查:Elementor设置检查
如果上面两种方法都无效,打开Elementor编辑器编辑你的单产品页面,找到评论模块,检查是否开启了额外的评分显示选项,要是有的话,关闭即可。
内容的提问来源于stack exchange,提问作者Aiden
相关产品推荐
相关产品推荐

