如何使用产品列表元素添加相关产品

什么是产品列表元素？

此 产品列表元素 GemPages 可让您 显示选定的产品 直接在您的页面上。 

相关产品 不限于同一系列的物品. 使用 GemPages，您可以 展示任何产品 您可自行选择。这种灵活性让您能够展示互补商品或从特定系列中选择产品，帮助您轻松设计引人入胜且具有视觉吸引力的产品部分。

如何使用产品列表元素设计相关产品？

第三步： 找到 产品列表元素 在左侧边栏中。将其拖放到页面的所需部分。

第三步： 选择您的产品列表

设置产品列表时，您有三个选项可供选择：

• 手动选择产品：选择您想要展示的特定产品。这样您就可以完全控制所展示的商品。
• 使用集合：自动显示 Shopify 系列的产品。此选项非常适合让您的产品列表保持动态并与您商店的系列保持一致。
• 显示相关产品：展示与主要产品属于同一个系列、供应商或标签的产品。 

第三步： 使用 每行产品数 设置来定义每行将出现多少个项目。

第三步： 选择布局样式

GemPages 提供两种布局选项来展示您的相关产品：

网格布局:

• 产品列表以传统的网格格式显示。
• 非常适合结构化和一致的设计。

滑块布局:

• 产品以轮播形式展示，方便顾客滚动浏览选项。
• 非常适合展示多种产品并节省空间。

关于如何自定义商品列表的更多详情，请参考此文章： 产品列表元素