单击“添加到购物车”按钮短代码后隐藏在画布上 - Flatsome主题 - WP

时间:2017-07-29 15:52:11

标签: ajax wordpress hook-woocommerce

我使用Flatsome主题,我在我的页面中使用“添加到购物车”按钮SHORTCODE并激活了ajax。添加产品后重定向到购物车已禁用,因此用户可以留在我的页面中。 但是在单击按钮后,将显示画布外窗口。那就是我想停下来。 见:https://www.screencast.com/t/yhmloKy7omp

我希望停止它,因为我在点击添加到购物车btton后使用Fly Cart插件来获得一个整洁的结果。请参阅:https://www.screencast.com/t/kh8fuPUT

到目前为止我做了什么: 1-我在Flatsome设置中将购物车设置为“仅链接” - https://www.screencast.com/t/pcaD4HVXIq(但该设置似乎不会影响添加到购物车按钮SHORTCODE)

2-我设法使用css隐藏购物车:https://www.screencast.com/t/i2YTMpLjYmqf 但我无法删除右上角的X关闭按钮。并且用户必须单击页面上的任何位置才能使页面再次处于活动状态,这不是一个好的体验。 这是我用过的CSS:

.off-canvas-cart { display: none !important;}.mfp-bg { display: none!important;}

几乎就是这样。 这是页面:http://vendamais.me/site2/criacao-de-logotipo/ 这是我用来测试短代码的唯一按钮:https://www.screencast.com/t/aFgvqTbkq (其他按钮是简单的按钮ahref样式,而不是woocommerce短代码)

你能帮我找正确的方向吗?

1 个答案:

答案 0 :(得分:0)

我用过这个:

- 设置为在配置中下载,然后:

.nav-dropdown.nav-dropdown-default {
  display: none;
  visibility: hidden;
}

编辑:

添加li和类以免丢失其他下拉列表。

li.cart-item.has-icon.has-dropdown .nav-dropdown.nav-dropdown-default { display: none; visibility: hidden; }