产品供应商元素

在本文中，我们将使用 GemPages V7。如果您使用的是 V6，请参阅 这篇文章。 

Shopify 中的产品供应商是什么？

在 Shopify 中， 供应商 指与产品关联的供应商或品牌。将供应商分配给产品非常有用，因为它有助于整理目录、改善导航，并使客户更轻松地浏览同一品牌的产品。

In 宝石页， 产品供应商元素 旨在直接在您的产品页面上显示这些供应商信息。这样，您可以为客户提供更多关于他们正在浏览的产品的背景信息，甚至可以将他们链接到同一供应商的一系列产品。

如何在 Shopify 中添加或编辑产品供应商

在 GemPages 中使用产品供应商元素之前，您需要确保您的产品在 Shopify 中具有供应商信息：

第四步: 导航 Shopify 管理员 > 产品中心.

第三步： 选择要添加或更改供应商的产品。向下滚动以找到右侧的供应商框。

现在您的产品已分配供应商，并且可以使用 GemPages 显示此信息。

如何在 GemPages 中添加产品供应商元素

在 Shopify 中分配供应商后，您可以使用 GemPages 中的产品供应商元素将其显示在您的店面上。

第三步： 打开 GemPages 并选择您想要更改或添加产品供应商的页面，这将带您进入 GemPages 编辑器。

第三步： 前往“元素“标签并查找”产品供应商'. 将产品供应商元素拖到您想要的位置。

当您点击 GemPages 编辑器中的“产品供应商”元素时，设置面板将出现在左侧。此面板包含两个主要部分： 个人设置 以及 先进的.

配置设置选项卡

产品来源

这决定了元素显示哪个产品的供应商信息。默认情况下，它使用分配给产品模块的产品。您可以通过打开 产品选择器 在产品模块中。

文字样式

• 标签： 在供应商名称前添加或编辑前缀。
• 类型： 从六种标题样式（H1-H6）或三种段落样式中进行选择，以控制文本层次结构。
• 字体和大小： 选择字体并以像素为单位调整文本大小。
• 颜色： 为供应商名称选择一种颜色。
• 对齐： 将文本左对齐、居中对齐、右对齐或跨容器两端对齐。
• 字体粗细： 选择文本的粗体显示方式。
• 线高： 调整行距以提高可读性。
• 字母间距： 增加或减少字母之间的间距。
• 转变： 更改文本大小写（无、大写、小写或大写）。
• 阴影： 添加文本阴影以创建深度。您可以控制方向、颜色、距离和模糊效果。

影响

自定义访问者将鼠标悬停在供应商名称上时其行为：

• 更改文本颜色。
• 选择悬停时供应商名称是否带有下划线。

收藏链接

如果您希望供应商名称链接到 集合页面 显示同一供应商的所有产品。这可以改善导航和用户体验。

SEO

您可以分配 HTML标记 供应商文本（例如， ，)。适当使用标题标签可以帮助优化您的商店以适应搜索引擎。

配置高级选项卡

如需更多高级定制，请导航至 高级选项卡 并按照中的说明进行操作 本文.