怎么隐藏Instantio – WooCommerce Quick Checkout在手机端的悬浮购物车按钮

Instantio – WooCommerce Quick Checkout是一款非常好用的Woocommerce 侧边迷你购物工具,能够让买家一步完成产品购买,而不需要多个页面跳转。

怎么隐藏Instantio - WooCommerce Quick Checkout在手机端的悬浮购物车按钮 1

但是在使用的过程中,有些粉丝不希望在移动端显示。

而在Instantio设置里,手机选项下的Dedicated Mobile Version是指专属手机的购物车样式,并非在手机端不显示Mini Cart按钮。

怎么隐藏Instantio - WooCommerce Quick Checkout在手机端的悬浮购物车按钮 2

当Dedicated Mobile Version处于关闭状态下,手机端的显示样式如下:

怎么隐藏Instantio - WooCommerce Quick Checkout在手机端的悬浮购物车按钮 3

当Dedicated Mobile Version处于开启状态下,手机端的显示样式如下:

怎么隐藏Instantio - WooCommerce Quick Checkout在手机端的悬浮购物车按钮 4

如果你想要隐藏手机端的悬浮购物车展示,完成下面两个动作:

  1. 把上面手机——Dedicated Mobile Version下的两个按钮都打开。
  2. 将下面代码添加到“设计——其他——自定义CSS”
@media only screen and (max-width: 767px) {
    .ins-mobile-bar {
        display: none !important;
    }
}

这段代码会在屏幕宽度小于 768px(通常是手机端)时隐藏悬浮按钮。

怎么隐藏Instantio - WooCommerce Quick Checkout在手机端的悬浮购物车按钮 5

这样在手机端就不会显示悬浮按钮了。

白小菌
白小菌

嗨,我是白小菌,一个热爱学习并分享的博主。喜欢把复杂内容拆解成简单易懂的步骤,与大家一起学习成长。 在这里,你会看到我分享的外贸,跨境电商,Wordpress建站,SEO、有用的工具技巧等。 如果你有任何疑问或想法,可以在博客任意文章下方留言。如果有更复杂的需求,也可以选择付费咨询,我会尽我所能帮你解决问题。

文章: 455

留下评论

您的邮箱地址不会被公开。 必填项已用 * 标注