我们除了兴奋分享3新特性,给你轻松地创建自定义的权力从你的CMS画廊图片和视频。
你现在可以上传、样式和展示自己CMS和电子商务的照片和视频缓解由于三个新特点:
- 新的多映像领域
- CSS 2.0网格
- 改善我们的lightbox组件
向你展示这些特性在行动,梅格,我们最新的社区成员,创建了一个电子商务产品页面上的产品缩略图画廊。欧宝体育在线首页
一次最多上传25张图片与新多映像
批量上传的赢!我们的新多映像字段允许您上传多达25张图片。在一个领域,你可以减少所有最好的镜头一个投资项目,大量的产品缩略图,甚至你的10个最喜欢的gif欧宝体育在线首页莎莎舞的狗…,只要他们在4 mb,当然可以。你也可以重新排序你的照片但是你喜欢。
添加多映像字段(或三个)集合,前往任何收集的设置(包括电子商务产品),单击“添加新字段,并选择多映像字段类型。欧宝体育在线首页填写一个标签,添加一些帮助文本(如果你想),收集保存您的设置,您就可以开始删除你的照片。
一旦上传,你可以将这些图片连接到任何布局模板页面使用一个集合列表集合。通过这种方式,你的布局保持uber-flexible、动态图像对应于每一项,即使他们在数不同。
2.0创建一个动态图像网格使用网格
上个月我们宣布大规模的改进CSS Webflow的网格。在这些改进是一种新的能够很方便地创建可编辑网格布局的动态内容,像,说,那些投资组合项目照片或产品缩略图就掉进你的新多映像。欧宝体育在线首页
的推出CSS 2.0网格介绍了自动流程图的概念,一个新的默认模式的定位网格的孩子,包括在网格中所有动态内容风格。基本上,这意味着你的内容会更灵活,因为网格本身auto-places内容到下一个可用的细胞,无论你如何修改您的列或行。
自动流程图使响应设计与动态内容一个无缝的过程。下面的例子。当我们删除一列,以更好地适应手机屏幕大小,我们的内容自动转变以适应新的布局。
从动态内容创建一个网格布局,将收集到您的项目列表。在样式面板布局选项集合列表(不你的收藏列表包装),选择一个网格布局。从那里,你可以定制尺寸的行,列,甚至它们之间的间距。修改列或行数为每个响应设计断点。
更多地了解CSS 2.0网格,请阅读我们的最近宣布,或者得到真相一个完整的Webflow大学课程。
展示你使用lightbox动态图像和视频
Webflow的lightbox组件让你展示你的图片在一个全屏窗口,创造一个身临其境的和引人入胜的体验。现在你可以lightbox组件连接到你的CMS和电子商务的照片和视频!
创建一个画廊lightbox体验,您需要首先创建一个集合列表,并将它连接到一个图像来源:这可能是一个单个或多映像,或者一个视频。注意,现在,你可以只显示这些图像在一组项目模板。
lightbox组件拖到您的收藏列表。你要连接你的图像或视频源的lightbox链接和嵌套的形象。链接你的lightbox真的画廊的感受,在lightbox设置单击复选框,给您的lightbox组起一个名字。
这是它!
向我们展示你的动态画廊!
我们知道你们中的许多人一直在急切地等待着能够创建动态画廊,我们等不及要看你如何创建它们。一定要与我们分享你的作品,与# MadeInWebflow或你最喜欢的社交网络。
接下来是什么?
我们正在坚持不懈地工作以使Webflow的动态能力更好的为你。我们今天分享的版本只是杯水车薪的改进我们推出或准备排队。
到目前为止,在2019年,我们推出了或大或小的事情。世界上一些额外的强调动态的内容包括:
- 在2月下旬Webflow的官方发布电子商务
- 一个新的“连接管理器”,可以让你看到每个实例集合连接到你的设计
- 一个新的能力重新排序显示CMS的集合
- 一个新的过滤提要通过多引用字段集合的能力
- 一个新的密码保护您的收藏页面的能力
虽然我们不能保证在任何一个特定的时间表,我们有一些激动人心的计划我们已经工作:
- 贝宝收款为电子商务经验
- 能够使用多映像领域与你的产品在电子商务的变体欧宝体育在线首页
- 安排收集物品的能力
- 收藏列表”或“过滤
有想法关于我们如何能够改善吗?在我们的文章或者投票愿望列表。这是一个重要的事实来源我们优先考虑新特性。
Webflow-ing快乐!