怎么隐藏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

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

订阅评论
提醒
guest
0 评论
最新
最旧 最多投票
内联反馈
查看所有评论