本文将逐步指导您如何 创建 Shopify 产品列表 使用 GemPages 中的产品列表元素。
什么是产品列表元素？
此 产品列表元素 GemPages 中的功能允许您动态展示 Shopify 商店中的产品。它会根据您产品库中的产品数量自动调整，并保持整个商店的设计一致性。
常见用例：
如何创建 Shopify 产品列表
在开始之前，请确保你有一个 Shopify系列 准备好了。如果您已经有一个，则可以跳过步骤 1。
步骤 1：在 Shopify 上创建集合（可选）
如果您已经有所需的收藏，请跳过此步骤。
1. 登录 Shopify。 转到您的 Shopify 管理仪表板。
2。 在下面 产品 标签，选择 集合。 点击 “创建收藏集” 按钮在页面的右上角。
3。 配置 集合类型 设置：
- 手册： 手动将产品添加到收藏夹。
- 聪明： 设置条件以自动添加匹配的产品。
4. 填写其他必要信息。点击 “保存” 创建您的收藏。
步骤2：在GemPages中添加产品列表元素
1. 打开 GemPages 编辑器。 找到 产品列表元素 ，在 元素库。
2.找到 产品列表元素 在元素库中。
3. 将其拖放到您希望显示产品列表的部分。
4.在 产品列表设置面板，选择如何采购产品：
- 产品介绍： 手动选择单个产品。
- 类别： 显示特定 Shopify 系列的所有产品。
- 相关新闻： 显示来自同一供应商、标签或系列的产品。
例如：：要显示您在步骤 1 中创建的集合，请选择 系列，选择您想要的收藏，然后点击 确认.
步骤3：设计产品元素
1。 定制 产品标题, 活动门票价格表和 添加到购物车按钮 以匹配您的商店品牌。
2. 使用以下额外元素增强您的产品列表：
注意： 对产品列表中某个产品所做的更改（例如字体样式或按钮颜色）将自动应用于列表中的所有产品，确保无论列表是静态的还是动态的，外观都一致。
步骤 4：针对移动设备进行优化
完成桌面设计后，切换到 移动视图 在 GemPages 编辑器中：
- 调整 间距、字体大小和按钮尺寸 适用于较小的屏幕。
- 示例：为了获得最佳的可读性和可用性，在桌面上每行显示 4 个产品，在移动设备上每行显示 2 个产品。
