【问题标题】:Close pop-up window when scrolling滚动时关闭弹出窗口
【发布时间】:2021-08-05 22:37:39
【问题描述】:
  • 我的情况如下:

我有一个 WordPress 电子商务网站,上面有多种产品。在产品页面上,显然有产品的图片。当您选择图片时,它会打开一个带有放大版产品图片的弹出屏幕。

最近我注意到,当人们在移动设备上打开产品图像弹出窗口时,他们开始滚动。我认为这是因为他们希望在滚动时关闭弹出窗口。

所有这些功能(产品页面、产品图片弹出)都是由 WordPress 插件 WooCommerce 创建的。布局和样式由我选择的 WordPress 主题创建。这意味着我可以使用一些功能,但改变 JavaScript 之类的东西并不是一件容易的事。

  • 所以我的问题是:

有没有办法添加在移动设备上滚动时关闭产品图像弹出窗口的功能?

提前感谢您的帮助,我将不胜感激!

【问题讨论】:

    标签: wordpress woocommerce


    【解决方案1】:

    是的,它可以很容易地关闭。

    1. 您可以从页面构建器选项中执行操作,例如 Elementor、WPBakery Page Builder 或您使用的任何工具。
    2. 其次,您可以使用 JavaScript 将其关闭。
    3. 您可以从主题选项中进行操作。

    谢谢,希望对你有帮助

    【讨论】:

    • 感谢您的回复@Atiqur。不过我还是有点摸不着头脑。 1:Elementor 不允许我编辑这些元素。 2:JS 脚本会是什么样子,我应该在哪里实现它? 3:不幸的是,我的主题选项没有编辑产品图像功能的选项:-(
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-10-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多