使用条件可见性来显示或隐藏动态设计中的元素,并根据不同的条件为Collection项创建独特的设计。
尽管有9个音节,但条件可见性真的很简单,它是基于集合中项的内容显示或隐藏整个元素(及其子元素)的好方法。
我们都知道那不是九个音节。这是47岁。我们指的是条件能见度。
这是收藏页。这是一个section元素,里面有内容。我们喜欢这一部分。但我们只希望这一部分显示在某些页面上。
让我们继续,创建一个条件。元素(及其子元素)仅在下列情况下可见:
从下拉菜单中,我们可以做出选择。
当工作类别是肖像时,我们只显示这一部分。如果页面是关于拍摄风景园林、住宅内饰、商业外景或Dr. Who Cosplay,我们不希望这个部分出现在广告人像摄影中。但如果有人读到肖像画,我们希望它能显示出来。
通过这样做,通过设置这个条件,我们让section只出现在有肖像类别设置的页面上。我们可以看到,如果category没有设置为肖像画,section就不会显示出来。当我们点击另一个类别设置为肖像的页面时?这部分展示得很完美。
这不仅仅适用于页面。在这个包含团队成员的集合列表中,我们希望添加一个电子邮件链接。这很好。让我们拖进一个文本链接。
让我们双击它重命名为“电子邮件给我”,这样我们就可以将它链接到每个团队成员的电子邮件。
当然,我们可以从集合中的Email字段获取URL。但我们实际上有一个问题:有些团队成员没有列出电子邮件。
如果我们只能在设置了电子邮件的团队成员身上显示这个元素,那不是很棒吗?
我们将这个文本链接保持选中,然后去做这件事。添加一个条件,说明元素在…时可见。电子邮件…是集。只有在为该团队成员设置电子邮件时,我们才希望显示此元素。
就这样,所有的工作都为我们完成了。我们不需要手动搜索每一个团队成员。
现在Joan是这里的团队领导,她不希望人们直接给她发电子邮件,因为她整天都在救火,电子邮件会分散她的注意力。丹还在用美国在线所以我们就不列出来了。那么我们能做什么呢?
我们可以拖进一个静态文本链接。这次我们可以双击进行编辑,甚至可以将文本更改为“Contact our team”,然后去设置发送电子邮件的链接。这样,人们仍然可以点击“联系我们的团队”,而不是看到空白的地方,电子邮件应该。
我们演示这个的原因是为了展示我们可以在这个静态元素上创建一个条件—它只是一个指向电子邮件的文本链接。
让我们过去添加一个条件。这一次,我们将确保在未设置电子邮件时显示这个文本链接。
这是它!我们已经使用条件可见性来根据指定的条件控制这些元素的可见性(或者在该节的情况下,一个元素及其子元素)。
条件可见性是在动态设计中显示或隐藏元素以及基于不同标准为不同Collection项创建独特设计的最通用方法。不像过滤器条件指定任何元素(静态或动态)在集合列表或集合页面中何时可见。
条件可见性指定元素何时可见。条件基于所处的“收集”列表或“收集”页中的字段或项的值。
每个Collection字段类型都有不同的条件可供选择。
设置条件:
您可以添加任意数量的条件。当应用多个条件时,这意味着它必须满足所有条件才能可见。单击条件旁边的垃圾图标可以删除条件。
与筛选规则一样,条件规则要么基于字段,要么基于项。
基于字段的条件在给定字段时生效:
当收集项时应用基于项的条件是或不是当前的项目。
收藏列表过滤允许您根据规则在集合列表中显示或隐藏集合项。
而条件可见性则使用相同的规则来显示或隐藏集合列表中或集合页面上的元素。
例如,您可以使用规则“Featured (switch) is on”来为特色博客文章显示一个“Featured”文本标签,并为那些将特色开关设置为关闭的元素隐藏这个标签。
另一方面,如果您希望只在列表中显示有特色的帖子,您可以将此规则设置为Collection列表中的过滤器。
下面是一些应用条件和过滤器的方法。
假设您有一个包含团队成员的Collection列表,其中一些成员有电子邮件地址,而另一些则没有。在Collection列表中,有一个文本链接,用于从电子邮件字段中提取URL。
让我们看看如何为没有列出电子邮件地址的团队成员隐藏文本链接:
假设您有一个博客文章的Collection列表,您希望为特色条目显示一个“Featured”标签。因为在集合列表中添加的任何元素都会出现在所有集合项中,所以您可以使用条件可见性来对不满足条件的项隐藏此元素:“Featured is on”。
假设在博客文章Collection页面上有一个博客文章列表。此列表还包括当前博客文章的博客文章项,即您当前所在的页面。您可以使用隐藏当前的博客文章过滤器,或者,您可以通过为Collection项创建第二个设计来突出显示它。
现在,在Collection列表的每个Collection项中,每个博客文章都有两个表示形式。
因为你想显示独特的设计仅为当前的博客文章,你需要做两件事:
您可能有一个部分只想在特定的集合页面上显示。您可以创建一个条件,使该节及其所有子节仅在类别为“Christmas”时可见。
在您的电子商务商店创造独特的设计。使用条件可见性根据产品或订单数据显示或隐藏元素-在签出时突出显示产品属性或提供附加信息。欧宝体育在线首页
通过在不同字段(如主图像、价格比较、长度、宽度、SKU等)上设欧宝体育在线首页置条件可见性,将特定设计与独特的产品变体联系起来。
显示或隐藏特定产品变体的元素:欧宝体育在线首页
使用SKU条件可见性选项,可以将相同的横幅或标注概念应用于产品变体。欧宝体育在线首页创建您心中的标注元素,并将其设置为仅在选择产品变体时显示。欧宝体育在线首页
示例用例:
示例将销售徽章添加到具有比较价格字段集的产品。欧宝体育在线首页
在浏览产品时实时更新销售标识的例子。欧宝体育在线首页
您可以添加依赖于签出信息的横幅或标注。例如,可以根据购物车总数、小计总数或运输信息显示横幅。
设置签出页面的条件可见性:
示例用例
要知道:当基于国家或账单地址设置条件可见性时,必须将国家输入为分别由两个字母组成的缩写.例如,美国需要以US的身份进入。
重要的是要知道:当添加基于价格的条件时,金额应该格式化为1000.00—使用点分隔符作为小数点—无论您的商店的价格格式化设置如何。例如,100,50€应该输入为100.50
在学习如何使用条件可见性的乐趣这个活动项目.
提交表单时出错了。请联系support@www.raktarban.com