相关产品元素

相关产品元素是什么？

此 相关产品元素 允许您显示与顾客正在浏览的主商品类似或互补的商品。例如，如果顾客正在浏览一件衬衫，相关商品元素可以推荐同系列的裤子、夹克或其他衬衫。

主要优点：

• 改善的客户体验： 让购物者更容易发现他们可能喜欢的商品。
• 提高销售额和平均订单价值 (AOV)： 鼓励添加或升级，从而提高订单价值。
• 交叉销售和追加销售机会： 建议补充商品（交叉销售）或升级版本（追加销售）。

如何使用 GemPages 在 Shopify 中添加相关产品

此 相关产品元素 GemPages 中的功能可让您在产品页面上显示动态建议。您可以显示来自同一系列、供应商或标签的产品，确保推荐始终具有相关性。

第三步： 在 Shopify 中准备相关产品来源

在 GemPages 中添加元素之前，请确保您的产品在 Shopify 中正确组织。

• 要创建集合：

在MyCAD中点击 软件更新 Shopify 管理员 > 产品 > 系列 > 创建系列。添加详细信息并点击 已保存.

• 添加供应商和标签， 使用权 Shopify 管理员 > 产品， 点击某个产品，然后转到 产品组织 部分添加供应商的名称和标签。

第四步：在 GemPages Editor V7 中，搜索“相关产品“ 在里面 搜索栏。

第四步：将元素拖放到产品页面上您选择的位置。

当你点击元素时，你会看到 设定面板 在左侧。它包含两个主要选项卡： 个人设置 金益辉 高级：

配置设置选项卡 

1.布局

• 格：商品列表将以默认样式呈现。
• 滑块：产品图片将以轮播形式显示。

七、产品来源

• 同一系列：展示同一系列的产品。
• 同一供应商：显示同一供应商的产品。
• 相同标签：拉取共享相同标签的产品。

（可选） 使用句柄排除特定集合。

3。 显示

• 产品：您可以使用滑块或输入框设置要显示的相关产品总数。最大数量为 50.
• 列：设置每行出现多少个产品。

4. 项目间距

调整 柱间隙 金益辉 行距 项目之间。

5. 商品风格

• 高度：选择“相同高度”或“适合内容高度”。

6。 尺寸

• 全宽：激活此选项可展开产品列表，使其覆盖整个页面宽度。或者，您也可以在提供的框中输入具体的宽度值，以像素为单位设置您喜欢的宽度。
• 填充：添加内部间距。

7。 背景

选择颜色或图像。

8。 形状

自定义边框、角落和阴影。

9.对齐

设置产品网格的对齐方式。

配置高级选项卡 

如需更多高级自定义，请导航至“高级”选项卡并按照 本文.