Oxygen Builder页面构建器Modal元素

Oxygen Builder页面构建器Modal元素

Oxygen Builder页面构建器Modal元素

  Oxygen Builder页面构建器中的Modal元素模态框是覆盖页面内容的弹出窗口或对话框,通常必须以某种方式与之交互才能返回页面。从“+Add”->“Helpers”->“Modal”将Modal添加到您的设计中。

Oxygen Builder页面构建器Modal元素
Oxygen Builder页面构建器Modal元素

  本文晓得博客为你介绍Oxygen Builder页面构建器Modal元素。

  推荐:什么是Trackback?WordPress怎么禁用Trackback

向模态添加元素

  Modal由透明覆盖层和容器div组成。任何元素都可以插入到容器div中。要将元素插入Modal,请选择Modal,然后从+Add菜单中选择任何元素。您也可以像任何其他容器一样将元素拖放到Modal中。

模态样式和配置选项

编辑器内行为

此设置确定模态在构建器中的预览方式。

  • Inline内联——模态将与设计的其余内容内联显示。
  • Live preview实时预览——模态将看起来就像是实时的一样,覆盖设计的内容。
  • Hidden隐藏——模态将在Builder预览中完全隐藏。

  推荐:如何将SVG图片上传到WordPress网站

Trigger

  此设置确定导致模态出现的条件。

Oxygen Builder页面构建器Modal元素
Oxygen Builder页面构建器Modal元素
  • After number of clicks点击次数——指定将显示模态框的点击次数。
  • After number of page views页面浏览次数——指定页面浏览次数后将显示模态框。
  • On page scroll在页面滚动时——指定是在用户向下滚动页面的特定百分比之后,还是在用户向上滚动时显示模式。
  • After specified time指定时间后——指定将显示模态的秒数。
  • After time inactive不活动时间——指定用户不活动的秒数,在此之后将显示模态。
  • On exit intent——当用户试图离开页面时显示Modal。
  • On scroll to element——指定当元素进入视口时将触发Modal的元素。使用选择按钮,然后单击应触发模态的元素,或在字段中键入元素的ID。
  • User clicks element用户点击元素——指定当元素被点击时将触发模态的元素。使用选择按钮,然后单击应触发模态的元素,或在字段中键入元素的ID。

  还可以使用After Modal is Shown下拉菜单指定向给定用户显示Modal的频率。

  • Show again on every page load每次页面加载时再次显示——每次重新加载页面并发生给定触发器时都会显示模态框。
  • Never show again不再显示——模态将向用户显示一次,然后不再向该用户显示。
  • Show again after再次显示——指定模态框将在多少天后再次显示给用户。

  推荐:如何向客户隐藏Oxygen Builder许可证

Content Styles内容样式
Oxygen Builder页面构建器Modal元素
Oxygen Builder页面构建器Modal元素

  Content Styles区域允许您设置Modal的子元素布局、水平项对齐、垂直项对齐、文本颜色和背景颜色。

Modal Styles模态样式
Oxygen Builder页面构建器Modal元素
Oxygen Builder页面构建器Modal元素
  • Width宽度——设置模态容器元素的整体宽度。这默认为%,但可以通过单击%符号并选择不同的单位来设置为PX或VW。
  • Backdrop Color背景颜色——设置背景颜色。如果您不需要背景,请将alpha滑块移动到0。
  • Modal Position模态位置——设置模态容器元素的位置。

  推荐:Oxygen Builder页面构建器概述

Closing关闭
Oxygen Builder页面构建器Modal元素
Oxygen Builder页面构建器Modal元素

  此设置允许您确定模态的关闭行为。

  • Close Modal Automatically自动关闭模态——如果是,允许您指定在几秒后模态将自动关闭。
  • Close on ESC key按ESC键关闭——如果是,按ESC键将关闭模态。
  • Close Modal On Backdrop Click点击背景关闭——如果是,单击Modal的背景将关闭它。
  • Insert Close Button插入关闭按钮——插入一个按钮,单击该按钮将关闭模态框。

  任何具有.oxy——close——modal类的元素都将充当关闭按钮,允许您使用图标和其他元素作为模态的关闭按钮。

  推荐:Oxygen Builder页面构建器导入网站模板

总结

  以上是晓得博客为你介绍的Oxygen Builder页面构建器Modal元素的全部内容,

  推荐:Oxygen Builder页面构建器教程

给文章评分

晓得博客,版权所有丨如未注明,均为原创
晓得博客 » Oxygen Builder页面构建器Modal元素

转载请保留链接:https://www.pythonthree.com/oxygen-builder-modal/

Claude、Netflix、Midjourney、Chatgpt Plus账号购买,ChatGPT API购买,优惠码XDBK,用户购买的时候输入优惠码可以打95折

Chatgpt-Plus注册购买共享账号
Kinsta-free-hosting主机
Kinsta-free-hosting主机
Elementor可视化创建WordPress网站
Elementor可视化创建WordPress网站
滚动至顶部