宝藏模版
各位黑科技编辑器会员,编辑器内 1000+ 的 SVG 组件你们都用过吗?618 来临之际,品牌应当如何高级感十足地展示产品内容,并导流到商品详情页呢?无论是简单高级的轮播模板,还是丰富多彩的组合套件,编辑器内也是应有尽有。本期推送为你推荐 26 款适合商品展示的组件,一起来看看吧!
双向轮播
图片从左右两侧入场拼合成一个完整画面,组合出场。具体教程可以点击阅读《黑科技编辑器 | 双向轮播教程》。
专业级会员/企业级会员可使用该组件,即刻前往黑科技编辑器,在「多图展示」大类中找到「双向轮播」畅快体验!
渐现刷新
图片向上刷新切换,淡入淡出,具体教程可以点击阅读《黑科技编辑器 | 渐现刷新教程》。
专业级会员/企业级会员可使用该组件,即刻前往黑科技编辑器,在「多图展示」大类中找到「渐现刷新」畅快体验!
产品展示轮播
多款产品平铺展示匀速滚动轮播,可根据需要自由添加跳转链接,具体教程可以点击阅读《黑科技编辑器 | 产品展示轮播教程》。
企业级会员可使用该组件,即刻前往黑科技编辑器,在「企业级专区(多图展示)」大类中找到「产品展示轮播」畅快体验!
跑马灯
多张图片匀速滚动轮播,具体教程可以点击阅读《黑科技编辑器|跑马灯教程》。
专业级会员/企业级会员可使用该组件,即刻前往黑科技编辑器,在「多图展示」大类中找到「跑马灯」畅快体验!
滚动广告
图片依次进场展示,可增加超链接或小程序,具体教程可以点击阅读《黑科技编辑器 | 滚动广告教程》。
专业级会员/企业级会员可使用该组件,即刻前往黑科技编辑器,在「多图展示」大类中找到「滚动广告」畅快体验!
差速滚动广告
该组件在「滚动广告」的基础上增加了更为丰富的运动细节,图片之间以不同的速度入场展示,具体教程可以点击阅读《黑科技编辑器|差速滚动广告教程》。
企业级会员可使用该组件,即刻前往黑科技编辑器,在「企业级专区(多图展示)」大类中找到「差速滚动广告」畅快体验!
收缩滚动广告
同样是在「滚动广告」的基础上,增加了 ZOOM 缩放的效果,丝滑流畅,具体教程可以点击阅读《黑科技编辑器|收缩滚动广告教程》。
企业级会员可使用该组件,即刻前往黑科技编辑器,在「企业级专区(多图展示)」大类中找到「收缩滚动广告」畅快体验!
滚动暂停放大
Apple 公众号首发的多图轮播效果,图片滚动播放,并突出放大切换后的详细信息,详情可见《免费组件更新|滚动暂停放大|黑科技编辑器》。
任何会员(包括免费会员)均可使用该组件,即刻前往黑科技编辑器,在「多图展示」大类中找到「滚动暂停放大」畅快体验!
卡片轮播
三张图片滚动轮播,具有强烈的纵深效果,由 ZER0N Studio 设计并上架于「UGC 付费原创」专区中。
任何编辑器会员可在「UGC付费原创」大类中单独购买这款「卡片轮播」组件。
多图硬切
图片原地切换且不带有透明度的过渡效果,具体教程可以点击阅读《黑科技编辑器 | 多图硬切教程》。
专业级会员/企业级会员可使用该组件,即刻前往黑科技编辑器,在「多图展示」大类中找到「多图硬切」畅快体验!
原地轮播
图片固定不动通过淡入淡出循环切换,具体教程可以点击阅读《黑科技编辑器 | 原地轮播教程》。
专业级会员/企业级会员可使用该组件,即刻前往黑科技编辑器,在「多图展示」大类中找到「原地轮播」畅快体验!
收缩轮播
Apple 在《特大号新闻,内含多位大咖。》中创作了该效果,产品图固定在画面中央,通过收缩淡出的方式切换图片,具体教程可以点击阅读《黑科技编辑器 | 收缩轮播教程》。
任何会员(包括免费会员)均可使用该组件,即刻前往黑科技编辑器,在「多图展示」大类中找到「收缩轮播」畅快体验!
两侧依次退场
图片依次从左右两侧移出画面,具体教程可以点击阅读《黑科技编辑器|两侧依次退场教程》。
专业级会员/企业级会员可使用该组件,即刻前往黑科技编辑器,在「多图展示」大类中找到「两侧依次退场」畅快体验!
款款而来
该模板在「两侧依次退场」的基础上增加了缓冲的预备效果,使得观感更加丰富自然,具体教程可以点击阅读《黑科技编辑器 | 款款而来教程》。
任何会员(包括免费会员)均可使用该组件,即刻前往黑科技编辑器,在「多图展示」大类中找到「款款而来」畅快体验!
无限刷新
无限次向上刷新切换图片,具体教程可以点击阅读《黑科技编辑器|无限刷新教程》。
任何会员(包括免费会员)均可使用该组件,即刻前往黑科技编辑器,在「多图展示」大类中找到「无限刷新」畅快体验!
洗牌展示
依次移出展示堆叠的图片,具体教程可以点击阅读《黑科技编辑器|洗牌展示教程》。
企业级会员可使用该组件,即刻前往黑科技编辑器,在「企业级专区(多图展示)」大类中找到「洗牌展示」畅快体验!
无限往返刷新器
Apple 发布的一款左右刷新切换轮播样式,详情可查看《Apple同款|SVG无限往返刷新排版,就在E2黑科技编辑器》。
企业级会员可使用该组件,即刻前往黑科技编辑器,在「企业级专区(多图展示)」大类中找到「无限往返刷新器」畅快体验!
宫格弹跳
图片呈宫格状排列,通过 ZOOM 缩放弹跳切换,可在筛选器里修改弹跳的方向和数量,具体教程可以点击阅读《Apple图文新特效「宫格弹跳」模版|免费使用|黑科技编辑器》。
任何会员(包括免费会员)均可使用该组件,即刻前往黑科技编辑器,在「多图展示」大类中找到「宫格弹跳」畅快体验!
扑克滑动
图片如发扑克牌般依次轮播至顶层,具体教程可以点击阅读《黑科技编辑器 | 扑克滑动教程》。
专业级会员/企业级会员可使用该组件,即刻前往黑科技编辑器,在「多图展示」大类中找到「扑克滑动」畅快体验!
双图摇摆
两张图片左右摇摆切换,具体教程可以点击阅读《黑科技编辑器|双图摇摆教程》。
专业级会员/企业级会员可使用该组件,即刻前往黑科技编辑器,在「多图展示」大类中找到「双图摇摆」畅快体验!
三折页立体广告
编辑器原创设计的3D 空间内图片滚动模板,具体教程可以点击阅读《黑科技编辑器|三折页立体广告教程》。
企业级会员可使用该组件,即刻前往黑科技编辑器,在「企业级专区(3D)」大类中找到「三折页立体广告」畅快体验!
产品-模特堆叠轮播
此组件具有丰富的变化形态,模特图滚动轮播的同时伴随产品图原地切换,具体教程可以点击阅读《黑科技编辑器|产品-模特堆叠轮播》。
企业级会员可使用该组件,即刻前往黑科技编辑器,在「企业级专区(多图展示)」大类中找到「产品-模特堆叠轮播」畅快体验!
非全屏容器滑动
自由调节滑动内容的显示宽度,可在嵌套区中拖入所需的链接能力组件,具体教程可以点击阅读《黑科技编辑器 | 非全屏容器滑动教程》。
企业级会员可使用该组件,即刻前往黑科技编辑器,在「企业级专区(组件)」大类中找到「非全屏容器滑动」畅快体验!
双向滑动
滑动初始处于中间位置,可向左右两个方向自由滑动展示商品。该套件需要使用「等分滑动容器」和「无限吸附滑动(逆向)」等多个组件组合搭建而成,具体教程可以点击阅读《←从居中位置出发→既可左滑也可右滑的SVG排版如何实现...?》。
专业级会员/企业级会员可使用该组件,即刻前往黑科技编辑器,在「滑动模块」大类中找到「等分容器滑动」「无限图片吸附滑动(逆向)」畅快体验!
视差相册
图片滑动时自动吸附至画面中央,缩略图跟随滑动切换,具体教程可以点击阅读《黑科技编辑器 | 视差相册教程》。
企业级会员可使用该组件,即刻前往黑科技编辑器,在「企业级专区(3D)」大类中找到「视差相册」畅快体验!
如果导入公众号后出现图片消失的情况,请参照教程《黑科技编辑器|视差相册替换图片教程》替换图片地址。
无限选择器
适用于多款产品系列展示,可无限次切换,由知名开发者科蚪创意开发并上架于「UGC 付费原创」专区中。
任何编辑器会员可在「UGC付费原创」大类中单独购买这款「无限选择器」组件。