GemPages中的产品元素是什么?
此 产品元素 是一个必不可少的元素,使您可以将任何产品从 Shopify 添加到 宝石页随着 Editor v7 的推出,与之前的版本相比,有显著的变化。
以下内容将详细介绍这些重要更新。
使用产品元素:
- 打开 GemPages 仪表板 并点击目标页面在编辑器中打开它。
- 在左侧边栏中,找到 产品元素 在下面 元素 标签您可以使用搜索栏快速找到此元素。
- 选择您喜欢的产品布局,然后 拖放 将元素移动到页面上的所需位置。

子元素
产品元素包含多个子元素,用于展示不同的产品属性。 必须放置在元素内 才能正常运行。可用的子元素包括:
注意: 产品详细信息直接从您的 Shopify 商店中提取。要编辑产品信息,请转到 Shopify 管理员 > 产品,选择产品并更新其详细信息。
配置“设置”选项卡
在下面 个人设置 选项卡中,您将看到有效的参数,用于微调内容外观,以获得最佳的转化率。
布局
在下面 布局 在此部分,选择您的产品将显示的首选布局: 横 or 垂直.
此外,在展开的设置面板中,您可以 改编, 复制 或 删除 下面的那一列 列顺序.
下 列宽您可以更改宽度以适应内容,或者更改比例。

产品来源
产品页面模板
如果您的页面是产品页面,您可以从以下两个选项中更改产品来源。: 按指定产品显示 or 手动选择.
- 按指定产品显示
当您选择按指定产品显示选项时,当前模板将动态应用于所有指定产品。产品将被随机选择显示在当前编辑器页面上。
将鼠标悬停在当前产品来源上,然后单击 编辑 图标打开 选择产品 对话框。从那里,您可以选择其他可用的指定产品。

注意: 您需要 将产品分配给模板 以确保其适用于您的实时页面。
- 手动选择
此选项允许您在同一模板上显示多个产品元素和特定变体选项。
要进行选择,请点击 手动选择,然后会打开一个窗口,显示产品列表供您选择。

另一种页面类型
如果您的页面是其他类型的页面(例如,着陆页、首页等),只需将鼠标悬停在当前产品上,然后单击…… 笔 要编辑的图标。
![]()
然后,从产品列表中选择目标产品。

列间距
使用滑块设置列间距,或输入精确值。
默认: 30px

尺寸
- 宽度: 定义产品元素的宽度。
- 填充: 调整内部间距(上、右、下、左)。

背景
您可以设置产品元素的背景颜色:输入颜色代码、从页面中选择,或从色板中选择。

形状
自定义产品元素的样式:
- 边境添加实线、虚线或点线边框
- 角半径:将边缘倒圆(单位:像素)
- 阴影应用柔和或强烈的阴影来增强可见度

显示选项
本部分允许您控制在使用产品元素显示多个产品时,变体和数量的行为方式。
默认变体: 如果您希望在页面加载时预先选择某个特定变体,请将此项切换为“是”。
注意: 要使用此功能,请确保您的产品来源设置为 手动选择 而不是指定产品。
店铺条件: 这定义了如何 变种 金益辉 数量 在不同产品之间相互关联:
- 链接同一产品的不同版本和数量: 不同变体的数量相同,并且作为一个统一的产品模块运行。
- 取消同一产品不同版本和数量的关联: 即使属于同一产品,每个变体的数量也会被单独处理。

注意: 将产品元素中的产品来源更改为 手动选择 自定义默认版本。 了解更多.
对齐
在下面 对齐 在此部分,配置产品元素的垂直对齐方式。您可以选择:
- 对齐顶部
- 居中对齐
- 底部对齐
- 分布垂直间距

配置高级选项卡
如需更多样式选项,请导航至“高级”选项卡并按照说明进行操作。 本文.

谢谢您的意见