使用变体和色板元素设计产品颜色色板

什么是产品色样？

A 产品色样 是显示在您的产品页面上的可点击彩色按钮。每个色板代表产品的一种颜色选项。当买家点击色板时，产品图片和详情会立即更新，以匹配所选的颜色。

无需通过下拉菜单进行导航，颜色样本可让客户更快、更轻松地完成以下操作：

• 可视化产品变化 （例如，红色、蓝色、黑色的 T 恤）。
• 比较可用选项 乍看上去。
• 提升购物体验，这可以提高转化率。

如何在 Shopify 中设置颜色变体

GemPages 根据您已在 Shopify 中配置的变体显示产品颜色样本。

第三步： 登录到您的 Shopify 管理员.

第三步： 在MyCAD中点击 软件更新 产品 > 选择您要编辑的产品。

第三步： 向下滚动到 变种 部分。

第三步： 添加或编辑您的颜色选项（例如，红色、蓝色、绿色）。

第三步： 点击 已保存.

如何在 GemPages 中添加产品颜色样本

第四步：打开编辑器

从你的 GemPages 仪表板，选择您喜欢的模板（产品页面模板）并在 编者.

步骤 2：插入变体和色板元素

• 在左侧边栏中，转到 产品 部分。
• 找到 产品样本元素.
• 将元素拖放到 产品模块 在页面上。

步骤 3：配置变体设置

• 点击元素打开 设置面板 在左侧边栏中。
• 下 变体设置，请确保 类型 被设置为 将玻璃分离完成切割。.

这确保变体显示在不同的类别中。

步骤 4：启用产品颜色样本

• 在MyCAD中点击 软件更新 选项 > 样式 在元素设置中。
• 从我们的数据库中通过 UL Prospector 平台选择 颜色色板.

• 点击 编辑颜色 打开 配置变体样式 面板。在这里，您可以找到用于管理和自定义色板显示方式的工具。

步骤 5：为变体分配颜色

• 单击每个变体。
• 从调色板中选择一种颜色 or 手动输入 十六进制代码 以获得精确的颜色。
• 完成后，单击 适用于所有产品.

这可确保所选颜色值普遍应用于具有相同变体名称的所有产品（例如，“红色”在每个具有红色选项的产品上看起来都是一致的）。

第 6 步：保存并发布

设置产品颜色样本后，点击 已保存 在右上角。

然后点击 发布 使更改在您的商店中生效。