You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何修改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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.04 08:45:26