本文介绍如何使用、自定义和管理 产品标题元素 在 GemPages 中。您将学习如何将其添加到您的产品页面、调整其设置以及直接从 Shopify 更新产品标题。
什么是产品标题元素?
此 产品标题元素 GemPages 中的动态元素会自动显示来自您的 Shopify 商店的产品标题。
如何添加产品标题元素
注意:该元素只能用于 在 Product 元素内 或 产品列表元素.
第三步: 从 GemPages 编辑器中,打开您想要添加产品标题的页面。
第三步: 如果你已经有了 产品要素 在您的页面上,您将看到默认包含的产品标题。
第三步: 要添加另一个,请打开左侧边栏,搜索 产品名称,并将其拖放到产品元素或产品列表元素中。
第三步: 将其放置在产品模块内您想要的位置。

一旦元素出现在您的页面上,单击它即可打开 设定面板 在左侧。该面板包含两部分: 个人设置 金益辉 先进的.

配置设置选项卡
七、产品来源
产品来源确保产品标题链接到正确的产品。默认情况下,该元素从 产品要素 它所属。这样,显示的标题始终与 Shopify 中的产品相匹配。

2. 文本样式
文本样式部分允许您自定义产品标题在页面上的显示方式。

您可以:
- 样式:选择预定义的文本格式,例如标题或段落。
- 字体:选择产品标题的字体系列。
- 尺寸:调整文字大小,使标题更加突出或微妙。
- 颜色:为标题文本选择一种颜色。
- 对齐:将文本左对齐、居中对齐或右对齐。
- 字体粗细:控制文本的粗细,从细到超粗。
- 线高:调整文本行之间的垂直间距。
- 字母间距:更改各个字符之间的间距。
- 改造:将文本转换为大写、小写或仅将每个单词的首字母大写。
3.效果
您可以在悬停时编辑产品标题样式。

4. 显示选项
控制产品标题的可见程度:

- 最大线:最大行数:产品标题显示的最大行数。
5. 产品链接
如果您希望产品标题可点击,请启用此选项。启用后,点击标题将直接将客户带到您 Shopify 商店中的产品详情页面。

6。 SEO
针对搜索引擎优化您的产品标题:

- HTML标签:选择合适的标签(例如 H1、H2 或段落)来优化商店的 SEO 结构。例如,使用 H1 主要产品标题有助于搜索引擎将其识别为主要标题。
配置高级选项卡
如需更多高级自定义,请导航至“高级”选项卡并按照 本文.
如何更改产品标题?
由于产品标题元素是 动态,您不能直接在 GemPages 内部更改文本。 任何编辑都必须在您的 Shopify 商店中进行.
第三步: 访问你的 Shopify 仪表板。 去 产品 并选择您要编辑的产品。
第三步: 更改产品标题并点击 已保存.

第三步: 返回 GemPages 并选择 再次同步。更新后的标题将出现在产品标题元素中。

谢谢您的意见