在 Elementor 中实现自动滚动和无限循环的轮播效果,确保您的轮播可以连续平滑地滚动。这种循环轮播功能非常适合不间断地展示多张图片,让内容看起来自然流畅且极具吸引力。
例如,电商网站可以利用这个功能来展示新品推荐和热门商品,吸引用户的注意力;摄影作品集网站可以用它展示大量的作品,让访客自动浏览视觉内容而不需要手动操作;企业官网则可以通过轮播客户案例、合作伙伴或荣誉奖项来加深访客对企业的印象。
在本次演示中,我将向您展示如何通过 Elementor 设置循环轮播效果,来提升网站的用户体验。最后,我还会展示如何实现垂直方向的图片轮播效果,并确保这种轮播在各种设备上都保持良好的响应性。这个垂直循环轮播绝对让人眼前一亮,非常适合活动或旅游网站,通过展示活动照片或旅游景点来吸引用户。
这种轮播的自动滚动和无限循环功能,无论是在提升用户体验,还是在增强网站的视觉效果方面,都有着不可替代的作用。
演示地址:https://demo-show.361sale.com/elementor-effects-14
文件下载地址↓
点击获取下载文件后,你会得到一个文件。
请确保安装已经安装好Elementor免费版和Elementor Pro版。只有Elementor Pro版才有模版导入功能。
网站后端找到页面,点击添加新页面。如上图:
启用Elementor编辑。如上图:
点击添加旁边文件的图标,也就是模版。如上图:
点击右上角的上传标志,然后点击选择文件,然后再在本地文件选择刚刚下载的文件。如上图:
然后回到我的模版,即可查看我们刚刚导入的模版,点击预览查看效果,然后再选择插入。如上图
导入完成后查看效果,有可能会出现页眉和页脚,那就需要选择好对应的模版了。
点击我们刚刚导入的模版的页面,然后点击编辑。如上图:
选择模版,选择elementor画布,选择这个是因为不显示页眉和页脚,只显示模版内容。如上图
同时在使用elmentor编辑页面,选择站点设置,在选择布局。如上图:
也要确保一样是Elementor画布模版。这样就不会有其他内容。如上图:
请关闭标头和页脚里面的内容,点击后隐藏里面的内容,如上图:
最后保存,查看前端效果是否正常。
联系我们 |
---|
文章看不懂?联系我们为您免费解答!免费助力个人,小企站点! |
① 电话:020-2206-9892 |
② QQ咨询:1025174874 |
③ 邮件:info@361sale.com |
④ 工作时间:周一至周五,9:30-18:30,节假日休息 |
暂无评论内容