WooCommerce提示被遮住

在大部分情况下,WooCommerce的提示在登录情况下有admin_bar的时候提示总是被遮住的,这是因为admin_bar是悬浮的,WooCommerce官方似乎也没注意这个问题。

相关的类似代码在/wp-content/plugins/woocommerce/assets/js/frontend/cart.js

图片[1]-WooCommerce提示被遮住 - KEKC博客-KEKC博客

可以看到,跳转到的地方是role属性为alert的地方,我们查看页面源码,也确实包含:

图片[2]-WooCommerce提示被遮住 - KEKC博客-KEKC博客

我通过把body添加一个属性,就跳转到了顶部,但是我们不可能直接修改body的属性,我们可以在body之前添加一个隐藏的元素,在元素上挂属性,通用代码如下:

// 修复管理员看不到错误提示,将错误提示滑动到最上方
add_action("wp_head",function(){
    echo '<div style="display:none" role="alert"></div>';
});

将这个代码放到任意插件或者主题functions.php中即可,这样当有错误提示时就会跳转到页面顶部而不是错误的地方,防止被遮住。

© 版权声明
THE END
喜欢就支持一下吧
点赞4 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称常用语 夸夸
夸夸
还有吗!没看够!
表情代码图片

    暂无评论内容