自定义Roller主题的产品页面分区
这些设置决定产品页面上显示的信息和布局。本文将指导您如何有效地调整主题部分中的产品页面。
对于Bassy主题,请参阅 此教程以了解更多信息。
对于Inside主题,请参阅 此教程以了解更多信息。
本文中的所有步骤都使用轻松灵活定制店面分区和块的主题编辑器 2.0 版。请参阅 此教程以了解主题编辑器 2.0 版以及如何更新。
A. 页头
B. 产品
C. 专辑列表
D. 其他分区
请参阅 此教程以了解有关页头分区的详细信息。
在 Product分区中,您可以勾选以下选项:
Settings(设置):勾选 Auto-scroll over header after loading product page(加载产品页面后自动滚动页头)。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/110_dctx14.png)
Product Gallery(产品图库):
通过悬停在桌面上放大产品图片。
启用产品图库弹窗。
*通过点击移动设备放大产品图片。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/111_1v0qc8p.png)
Product Info(产品信息)
Breadcrumb links(显示面包屑链接):让客户知道他们正在访问哪个页面。
Show vendor(显示供应商):显示您在产品页面上已添加的供应商/品牌名称。
Show SKU(显示SKU):显示您在产品页面上已添加的SKU号码。
Show price savings(显示价格节省):显示您的客户节省了多少,包括百分比和金额。
Show collections(显示专辑):将产品专辑显示在产品描述和产品表单区域下方。
Show types(显示类型):显示您在产品页面上已添加的产品类型。
Show tags(显示标签):显示您在产品页面上已添加的任何标签。
Show social media share icons(显示社交媒体分享图标):在产品页面上显示社交媒体分享图标。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/112_9spa9h.png)
Sticky button(粘滞按钮):启用往下拉时在屏幕末尾显示加入购物车按钮。您还可以选择是否在移动设备或桌面上显示此按钮。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/113_1z09sp7.png)
Description tabs(描述标签):将产品描述位置选择为在产品信息的右侧或下方。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/114_ikmclt.png)
在 Product分区中,默认为 Product Description(产品描述) 和 Additional tabs(附加选项卡)创建 3 个块。
您可以点击它们来自定义标题和/或内容。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/115_10zru9b.png)
点击 Add block以添加更多区块,包括 Additional tab(附加选项卡)和 Page(页面)。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/117_17j38lu.png)
如果您选择 Page,您可以在商店中选择或创建一个内容页面,以便在其他选项卡中显示。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/116_16cw1vw.png)
在 Collection list分区中,您可以随意编辑标题。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/118_1yaprvc.png)
点击 Add block并选择 Collection以将新专辑添加到此分区。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/119_1scu79h.png)
在 Collection块中,您可以选择或创建一个专辑,为专辑添加图片和替代文本。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/120_z6pmgv.png)
除了上述设置外,产品页面分区还可以包括 Review、 Products from the same collection、 Who bought this also bought、Best sellers、Handpicked products、Cart recommendations、 Recently viewed & featured products 和 Footer分区。请参阅 此教程以了解有关产品小部件的更多信息。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/121_1mdztw3.png)
您还可以点击 Add section并从可用的分区列表中选择分区以添加到您的产品页面。您可以随意定制每个分区。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/122_yty180.png)
主题概述
对于Bassy主题,请参阅 此教程以了解更多信息。
对于Inside主题,请参阅 此教程以了解更多信息。
本文中的所有步骤都使用轻松灵活定制店面分区和块的主题编辑器 2.0 版。请参阅 此教程以了解主题编辑器 2.0 版以及如何更新。
主要内容
A. 页头
B. 产品
C. 专辑列表
D. 其他分区
A. 页头
请参阅 此教程以了解有关页头分区的详细信息。
B. 产品
在 Product分区中,您可以勾选以下选项:
Settings(设置):勾选 Auto-scroll over header after loading product page(加载产品页面后自动滚动页头)。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/110_dctx14.png)
Product Gallery(产品图库):
通过悬停在桌面上放大产品图片。
启用产品图库弹窗。
*通过点击移动设备放大产品图片。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/111_1v0qc8p.png)
Product Info(产品信息)
Breadcrumb links(显示面包屑链接):让客户知道他们正在访问哪个页面。
Show vendor(显示供应商):显示您在产品页面上已添加的供应商/品牌名称。
Show SKU(显示SKU):显示您在产品页面上已添加的SKU号码。
Show price savings(显示价格节省):显示您的客户节省了多少,包括百分比和金额。
Show collections(显示专辑):将产品专辑显示在产品描述和产品表单区域下方。
Show types(显示类型):显示您在产品页面上已添加的产品类型。
Show tags(显示标签):显示您在产品页面上已添加的任何标签。
Show social media share icons(显示社交媒体分享图标):在产品页面上显示社交媒体分享图标。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/112_9spa9h.png)
Sticky button(粘滞按钮):启用往下拉时在屏幕末尾显示加入购物车按钮。您还可以选择是否在移动设备或桌面上显示此按钮。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/113_1z09sp7.png)
Description tabs(描述标签):将产品描述位置选择为在产品信息的右侧或下方。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/114_ikmclt.png)
在 Product分区中,默认为 Product Description(产品描述) 和 Additional tabs(附加选项卡)创建 3 个块。
您可以点击它们来自定义标题和/或内容。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/115_10zru9b.png)
点击 Add block以添加更多区块,包括 Additional tab(附加选项卡)和 Page(页面)。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/117_17j38lu.png)
如果您选择 Page,您可以在商店中选择或创建一个内容页面,以便在其他选项卡中显示。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/116_16cw1vw.png)
C. 专辑列表
在 Collection list分区中,您可以随意编辑标题。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/118_1yaprvc.png)
点击 Add block并选择 Collection以将新专辑添加到此分区。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/119_1scu79h.png)
在 Collection块中,您可以选择或创建一个专辑,为专辑添加图片和替代文本。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/120_z6pmgv.png)
D. 其他分区
除了上述设置外,产品页面分区还可以包括 Review、 Products from the same collection、 Who bought this also bought、Best sellers、Handpicked products、Cart recommendations、 Recently viewed & featured products 和 Footer分区。请参阅 此教程以了解有关产品小部件的更多信息。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/121_1mdztw3.png)
您还可以点击 Add section并从可用的分区列表中选择分区以添加到您的产品页面。您可以随意定制每个分区。
![](https://storage.crisp.chat/users/helpdesk/website/df8398a9e0c06000/122_yty180.png)
关联页面
主题概述
更新于: 09/09/2022
谢谢!