shopify商店Brooklyn 页面分区自定义产品系列和列表页面步骤-ESG跨境

shopify商店Brooklyn 页面分区自定义产品系列和列表页面步骤

shopify新闻

2022-03-28

778

产品系列页面显示该产品系列中的所有产品。商店中的每个产品系列都有其自己的产品系列页面。

产品系列页面

产品系列页面显示该产品系列中的所有产品。商店中的每个产品系列都有其自己的产品系列页面。

Brooklyn 有两个用于产品系列页面的布局选项：

拼贴 - 拼贴样式将混合显示较大和较小的产品图片。

若要了解如何设置在拼贴布局中显示较大的产品，请参阅针对 Brooklyn 的提示。

网格 - 网格样式将以表格格式显示产品图片。所有产品图片的大小均相同。

产品系列页面分区包括以下设置：

显示产品系列图片 - 在产品系列页面顶部显示产品系列图片。
启用产品系列排序 - 添加一个菜单，客户可以使用此菜单以不同的方式对产品系列进行排序，例如按字母顺序或按价格进行排序。
启用标签筛选 - 添加一个筛选器，客户可以用于查看产品系列中带有特定标签的产品。若要在产品系列页面上显示筛选器，您需要向该产品系列中的产品添加标签。
网格样式 - 设置页面上产品的布局。
显示产品供应商 - 显示产品品牌或。

自定义您的产品系列页面

PC:

在 Shopify 后台中，转到在线商店 > 模板。
点击 的页面分区 旁边的自定义。
打开页面顶部的下拉菜单。

选择产品系列页面。
点击产品系列页面分区。
通过设置来对您的产品系列页面分区进行自定义。
点击保存。

苹果系统：

在应用中，轻触商店。
在销售渠道部分，轻触。
轻触 Manage themes（管理模板）。
在 的页面分区 旁边，轻触自定义。
轻触模板。

选择产品系列页面。
点击产品系列页面分区。
通过设置来对您的产品系列页面分区进行自定义。
点击保存。

安卓系统：

在 Shopify 应用中，轻触商店。
在销售渠道部分，轻触在线商店。
轻触 Manage themes（管理模板）。
在 的页面分区 旁边，轻触自定义。
轻触模板。

选择产品系列页面。
点击产品系列页面分区。
通过设置来对您的产品系列页面分区进行自定义。
点击保存。

产品系列列表页面

产品系列列表页面分区是产品系列列表页面可以自定义的主要分区。您的客户可以使用产品系列列表页面快速浏览您的产品系列，找到他们要浏览的产品系列。其中不仅可以显示商店中的所有产品系列，还可以显示您选择的一组产品系列。

产品系列页面分区包括以下设置：

内容 - 要在产品系列列表页面上显示的产品系列。只有当选择要显示的产品系列设置为已选择时，才会使用此列表。
选择要显示的产品系列 - 选择要显示的产品系列。
产品系列 - 设置产品系列的排序方式。此设置仅在选择要显示的产品系列设置为所有时适用。

自定义您的产品系列列表页面

PC：

在 Shopify 后台中，转到在线商店 > 模板。
点击 的页面分区 旁边的自定义。
打开页面顶部的下拉菜单。

选择产品系列列表。
点击产品系列列表页面分区。
可选：在内容区域中，点击添加产品系列可将产品系列添加到系列列表页面。
通过设置来对产品系列列表页面分区进行自定义。
点击保存。

苹果系统：

在 Shopify 应用中，轻触商店。
在销售渠道部分，轻触在线商店。
轻触 Manage themes（管理模板）。
在 的页面分区 旁边，轻触自定义。
轻触模板。

选择产品系列列表。
点击产品系列列表页面分区。
可选：在内容区域中，点击添加产品系列可将产品系列添加到产品系列列表页面。
通过设置来对产品系列列表页面分区进行自定义。
点击保存。

安卓系统：

在 Shopify 应用中，轻触商店。
在销售渠道部分，轻触在线商店。
轻触 Manage themes（管理模板）。
在 的页面分区 旁边，轻触自定义。
轻触模板。

选择产品系列列表。
点击产品系列列表页面分区。
可选：在内容区域中，点击添加产品系列可将产品系列添加到产品系列列表页面。
通过设置来对产品系列列表页面分区进行自定义。
点击保存。

Collection pages
A collection page displays all of the products that are a part of that collection. Each collection in your store has its own collection page.
Brooklyn has two layout options for collection pages:
Collage - The collage style displays a mix of larger and smaller product images.
To learn how to set which products appear larger in a collage layout, refer to Tips for Brooklyn.
Grid - The grid style displays product images in a table format. All of the product images are the same size.
The collection pages section includes the following settings:
Show collection image - Show the collection image at the top of the collection page.
Enable collection sorting - Add a menu that customers can use to sort a collection in different ways, such as alphabetically or by pri.
Enable tag filtering - Add a filter that customers can use to view products in a collection with a certain tag. For the filter to be displayed on a collection page, you need to add tags to the products in that collection.
Grid style - Set the layout of your products on the page.
Show product vendor - Display the product brand or vendor.
Customize your collection pages
PC：
From your Shopify admin, go to Online Store > Themes.
Next to Brooklyn, click Customize.
Open the drop-down menu at the top of the page.
Select Collection pages.
Click the Collection pages section.
Use the settings to customize your collection pages section.
Click Save.
iPhone：
From the Shopify app, tap Store.
In the Sales channels section, tap Online Store.
Tap Manage themes.
Next to Brooklyn, tap Customize.
Tap Templates.
Select Collection pages.
Click the Collection pages section.
Use the settings to customize your collection pages section.
Click Save.
Android：
From the Shopify app, tap Store.
In the Sales channels section, tap Online Store.
Tap Manage themes.
Next to Brooklyn, tap Customize.
Tap Templates.
Select Collection pages.
Click the Collection pages section.
Use the settings to customize your collection pages section.
Click Save.
Collections list page
The Collections list page section is the main customizable section the collection list page. Your customers can use the collections list page to quickly browse through collections to find the collection they want to browse. It can show all of the collections in your store, or it can show a group of collections that you select.
The collection pages section includes the following settings:
Content - The collections you want to show on the collections list page. This list is used only if Select collections to show is set to Selected.
Select collections to show - Select which collections to display.
Sort collections by - Set how your collections are sorted. This setting is used only if Select collections to show is set to All.
Customize your collections list page
PC：
From your Shopify admin, go to Online Store > Themes.
Next to Brooklyn, click Customize.
Open the drop-down menu at the top of the page.
Select Collections list.
Click the Collections list page section.
Optional: In the Content area, click Add Collection to add collections to the collections list page.
Use the settings to customize your collections list page section.
Click Save.
iPhone：
From the Shopify app, tap Store.
In the Sales channels section, tap Online Store.
Tap Manage themes.
Next to Brooklyn, tap Customize.
Tap Templates.
Select Collections list.
Click the Collections list page section.
Optional: In the Content area, click Add Collection to add collections to the collections list page.
Use the settings to customize your collections list page section.
Click Save.
Android：
From the Shopify app, tap Store.
In the Sales channels section, tap Online Store.
Tap Manage themes.
Next to Brooklyn, tap Customize.
Tap Templates.
Select Collections list.
Click the Collections list page section.
Optional: In the Content area, click Add Collection to add collections to the collections list page.
Use the settings to customize your collections list page section.
Click Save.