如何修改YITH Wishlist代码实现心愿单有商品时图标变红
YITH Wishlist 心愿单图标变色调整方案
找到你当前使用的心愿单数量短代码对应的PHP函数,替换成以下逻辑,就能实现「不显示数量,仅在心愿单有商品时图标变红」的需求:
function yith_wishlist_icon_shortcode() { // 获取心愿单内商品总数 $wishlist_count = YITH_WCWL()->count_products(); // 给图标设置基础样式类,有商品时追加红色样式类 $icon_class = 'wishlist-icon'; if ( $wishlist_count >= 1 ) { $icon_class .= ' wishlist-icon-red'; } // 这里替换成你实际用的图标代码(比如字体图标/SVG),示例用爱心符号 return '<span class="' . esc_attr( $icon_class ) . '">❤</span>'; } // 如果原短代码是[yith_wishlist_count],直接修改这里的短代码名即可,无需新建 add_shortcode('yith_wishlist_icon', 'yith_wishlist_icon_shortcode');
接着在WordPress后台「外观→自定义→额外CSS」里添加样式,让红色类生效:
.wishlist-icon-red { color: #ff0000; /* 可根据需求修改成你想要的红色色值 */ }
关键点说明
- 沿用YITH Wishlist官方的数量获取方法
YITH_WCWL()->count_products(),确保和插件兼容 - 完全移除原代码中的计数文本输出,只保留图标元素
- 通过条件判断动态切换样式类,逻辑清晰易维护
内容的提问来源于stack exchange,提问作者Benb1
相关产品推荐
相关产品推荐

