怎么样实现Avada主题Modal弹窗效果

Avada主题的Modal弹窗效果在用户体验上面有很好的效果,今天就来讲下怎么样实现Avada主题Modal弹窗效果

前言:Modal这个element必须跟Button或tagline box结合使用才可以,因为如果modal是一辆车的话,button就是车钥匙,车必须有钥匙才可以启动

1. 添加modal和button

在elements里面分别点击Button和modal这两个elements (shortcode),就可以将这两个elements加入到正文中

Avada主题Modal弹窗效果 1

2. 设置button

button url 留空

Button's Text 填上文字

Modal window anchor  填上小写英文单词,如inquiry

 

Avada主题Modal弹窗效果 2

Avada主题Modal弹窗效果 4

Avada主题Modal弹窗效果 5

3. 设置Modal

Name of modal   填上跟上面button的Modal window anchor一模一样的小写字母单词

size of modal     选择弹窗的大小

Avada主题Modal弹窗效果 7

content of modal 填的是你的弹窗内容,像表单,图片,视频等,只要把相应的内容放进去,保存即可

Avada主题Modal弹窗效果 8

效果如下:

modal 效果

发表评论

电子邮件地址不会被公开。 必填项已用*标注