【问题标题】:Hide off-canvas-cart after clicked the "add to cart" button shortcode - Flatsome theme - WP单击“添加到购物车”按钮短代码后隐藏画布购物车 - Flatsome 主题 - WP
【发布时间】:2018-02-28 13:36:43
【问题描述】:

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

我希望它停止它,因为我正在使用 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 短代码)

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

【问题讨论】:

    标签: ajax wordpress hook-woocommerce


    【解决方案1】:

    我用过这个:

    -在配置中设置为 downpdown,然后:

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

    编辑:

    添加 li 和 classes 以不丢失其他下拉列表。

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2023-02-18
      • 1970-01-01
      • 1970-01-01
      • 2018-09-10
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多