跳到主要内容

Apps / Combined Listings Swatch

Shopify 变体和组合产品的视觉样本。

将产品选项呈现为图像、颜色、卡片、按钮或文本选择器,并将单独的产品链接到一个视觉选择器中。适用于产品页面、收藏卡和快速查看。

颜色鼠尾草

选择器样式

为每个选项选择正确的选择器。

颜色属于样本。尺寸很少。设置每个选项和每个表面的样​​式,而不是接受一种全局外观。

图像样本变体自己的照片,任意半径——圆形、圆形或方形。
圆形相同的值,角点为 10 像素。
广场相同的值,角点为 2px。
定制样本上传的颜色或纹理图块,其中照片不是最清晰的信号。
样本卡图像和值名称一起,用于标签承载权重的范围。
按钮短固定套装——尺寸、长度、数量。售完的价值被划掉而不是隐藏。
下拉菜单一个菜单,其中菜单是正确的,样式与选择器的其余部分相匹配。显示打开。
M
  • XS
  • S
  • M
  • L
隐藏隐藏在表面上的选择器,用于不应到达购物者的内部选项。没有任何渲染——这就是设置的工作原理。
没有呈现选择器

产品页面和收藏卡都有自己的风格,因此网格上的紧凑色样行可以与产品页面上的完整选择器并排放置。 设置您的样本的样式

合并列表

将单独的产品链接到一个选择器中。

许多目录将每种配色保留为自己的 Shopify 产品,用于摄影、库存、SEO 或 100 种变化的上限。产品组将这些产品连接起来,以便每种配色都出现在该组中每件产品的一个选择器中。

五个独立的产品,一个挑选器

自己的网址
每个产品都有自己的页面、图像、价格和库存。
可逆
没有任何内容被合并、重命名或删除。删除该组,目录就与原来一样。
任何计划
与 Shopify 自己的组合列表不同,适用于每个 Shopify 套餐。
任意轴
按产品共有的任何内容进行分组:颜色、材质、长度、气味、捆绑尺寸。

收藏页面和快速查看

在购物者点击之前显示选项。

购物者扫描产品系列网格时无法辨别哪些产品具有他们想要的颜色。卡上的样本在网格本身中回答了这个问题。

  • 鼠尾草绿色的杂务夹克。

    Chore Jacket — Sage

  • 同样的柿子橙色杂务夹克。

    Chore Jacket — Persimmon

  • 同样的钴蓝色杂务夹克。

    Chore Jacket — Cobalt

    +2
收藏卡
卡片上紧凑的色样行,具有自己的风格设置。
快速添加、快速查看
主题的模式获取完整的选择器并添加到购物车。
产品图库
切换样本可以将图库过滤到该变体的媒体。

设置

三个步骤,在管理和主题编辑器中。

标准设置不需要 Liquid,也不需要对主题进行代码更改。

  1. 01

    从 Shopify 应用商店安装

    应用程序检测活动主题并加载为其测试的配置,如果主题不是 24 个主题之一,则加载通用配置。

  2. 02

    启用主题编辑器中的块

    添加样本块,其中变体选择器位于产品页面上,如果您想要网格中的样本,则添加到集合卡上。

  3. 03

    每个选项选择一种风格

    为每个选项设置图像、颜色、卡片、按钮、下拉菜单或隐藏,设置缺货行为,然后为作为单独产品存在的系列创建产品组。

主题标记各不相同。如果自动放置需要调整,请发送商店 URL,支持人员将对其进行审核。

文档

价格
免费安装
Shopify 计划
每个计划,加上不需要
主题已配置
已测试 24 个,加上通用 Online Store 2.0 配置

该应用程序所做的一切

来自不同照片的图像样本
样本显示真实产品,无需维护单独的资产库
自定义颜色和纹理样本
即使产品摄影有所不同,样本行也保持一致
样本卡
当颜色本身不明确时,选项名称保持清晰
按钮选择器
只需轻轻一按即可选择尺寸和短选项集
下拉选择器
菜单确实更好,与选择器的样式相匹配
隐藏选择器
内部或不相关的选项永远不会到达店面
每个表面都有独立的样式
收藏卡上的紧凑行,产品页面上的完整选择器
产品组
在任何 Shopify 套餐中,单独的产品都表现为一个系列
收藏卡样本
购物者无需打开每件产品即可看到可用颜色
快速添加、快速查看
选择器在主题的模式内工作,而不仅仅是在产品页面上
缺货显示
保留原样、划掉、变灰或隐藏 — 售完即为售完
带有文本、图像或两者的工具提示
选项名称在小样本上保持可见
选定值标签
所选择的选项是用文字表述的,而不仅仅是通过戒指暗示
图库变体过滤器
切换样本会将图库更新为该变体的媒体
自定义 CSS 字段
开发人员无需更改 AWE 代码即可完成最后一英里

问题

安装前回答。

该应用支持哪些 Shopify 主题?
该应用程序提供了 24 个 Shopify 主题的测试配置,包括 Dawn、Horizon、Craft、Refresh、Studio 和 Taste,以及涵盖其他 Online Store 2.0 主题的通用配置。如果您的主题的放置需要调整,支持人员将审查设置。
我需要编辑主题代码吗?
不需要。标准设置是在应用程序和主题编辑器中完成的,无需编写 Liquid。如果开发人员想要微调外观,可以使用自定义 CSS 字段。
我可以在产品系列页面上显示样本吗?
是的。收藏卡可以使用自己的样式设置呈现紧凑的色板行,因此购物者可以在扫描网格时看到可用的颜色,而不是打开每个产品。
我可以使用真实的变体图像代替彩色点吗?
是的。图像样本使用变体自己的产品照片。您还可以上传自定义颜色或纹理图块,或使用将图像与选项名称配对的样本卡。
我可以在没有 Shopify Plus 的情况下对单独的产品进行分组吗?
是的。产品组将相关产品链接到任何 Shopify 套餐的一个选择器中。每个产品都有自己的页面、图像、价格和库存。 Shopify 的原生组合列表仅限于 Plus;这不是。
该应用程序是免费的吗?
AWE 组合列表样本可免费安装。当前计划的详细信息位于 Shopify 应用商店列表中。
售完的期权如何处理?
按商店选择:保留选项不变、划掉、灰显或隐藏。购物者可以区分当前无法购买的商品和现在可以购买的商品。
它可以与 Shopify 的类别元字段样本一起使用吗?
无论您是否使用 Shopify 的类别元字段,该应用程序都可以显示选项值,并且它会添加元字段本身无法涵盖的样式、表面和产品分组。
它会减慢我的店面速度吗?
样本脚本仅在需要它的页面上运行,并读取页面已携带的选项数据。图库过滤器和工具提示是可选的,因此未使用的功能不需要任何费用。
如果我卸载会发生什么?
样本停止渲染,主题自己的变体选择器返回。产品、变体、图像、价格和库存保持不变,因为应用程序永远不会重写目录。

将整个范围放入一个选择器中。

免费安装,为每个选项设置选择器样式,并将属于同一组的产品分组。

在任何 Shopify 套餐中均可免费安装。无需为标准设置编写 Liquid。