Brooklyn 的静态分区
Brooklyn 包含多个静态分区,这些分区显示在您在线商店中的预定地点。这些分区无法删除或重新进行安排。静态分区可能包括标头、页脚或网站地图分区。若要了解产品页面和产品系列页面等内容页面上显示的静态分区,请参阅 Brooklyn 的页面分区。
标头
模板的标头是显示在您商店中每个页面顶部的分区。
使用 Brooklyn,您可以将以下项添加到标头:
Logo
导航菜单
公告栏
您还可以更改标头链接和图标的颜色。
如果要在主页启用透明标头,您可以为主页标头选择单独的 logo 和颜色。
添加自定义 logo
您可以向您的商店添加自定义 logo。
如果您不添加 logo 图片,则您的商店名称将显示为文本。您可以在 Shopify 后台的商店详细信息设置页面上更改您的商店名称。
自定义 logo 宽度:logo 的宽度。
添加和配置 logo
PC:
在 Shopify 后台中,转到在线商店 > 模板。
点击 的静态分区 旁边的自定义。
点击标头。
在 logo 图片区域中,点击选择图片,然后执行以下操作之一:
若要选择已上传到 Shopify 后台的图片,请点击库选项卡。
若要从本地计算机选择图片,请依次点击库 > 上传。
使用设置来自定义 logo 的大小和位置。
点击保存。
苹果系统:
在 Shopify 应用中,轻触商店。
在销售渠道部分,轻触在线商店。
轻触 Manage themes(管理模板)。
在 的静态分区 旁边,轻触自定义。
轻触编辑。
点击标头。
在 logo 图片区域中,点击选择图片,然后执行以下操作之一:
若要选择已上传到 Shopify 后台的图片,请点击库选项卡。
若要从本地计算机选择图片,请依次点击库 > 上传。
使用设置来自定义 logo 的大小和位置。
点击保存。
安卓系统:
在 Shopify 应用中,轻触商店。
在销售渠道部分,轻触在线商店。
轻触 Manage themes(管理模板)。
在 的静态分区 旁边,轻触自定义。
轻触编辑。
点击标头。
在 logo 图片区域中,点击选择图片,然后执行以下操作之一:
若要选择已上传到 Shopify 后台的图片,请点击库选项卡。
若要从本地计算机选择图片,请依次点击库 > 上传。
使用设置来自定义 logo 的大小和位置。
点击保存。
自定义您的导航设置
您可以自定义以下导航设置:
搜索类型 - 设置标头搜索功能的样式。
菜单 - 设置显示在标头中的菜单。
辅助侧边栏菜单 - 向侧边栏菜单添加辅助菜单。当主菜单占用大量空间时,则将改为显示侧边栏菜单,而不是标头菜单。您可以在针对 Brooklyn 的提示中了解详细信息。
启用搜索 - 在侧栏菜单中显示搜索栏。
PC:
点击标头。
在导航区域中,调整您的导航设置。
点击保存。
苹果系统:
在 Shopify 应用中,轻触商店。
在销售渠道部分,轻触在线商店。
轻触 Manage themes(管理模板)。
在 的静态分区 旁边,轻触自定义。
轻触编辑。
点击标头。
在导航区域中,调整您的导航设置。
点击保存。
安卓系统:
在 Shopify 应用中,轻触商店。
在销售渠道部分,轻触在线商店。
轻触 Manage themes(管理模板)。
在 的静态分区 旁边,轻触自定义。
轻触编辑。
点击标头。
在导航区域中,调整您的导航设置。
点击保存。
Shopify商户官网原文详情:
Static sections for Brooklyn
Brooklyn includes several static sections that appear in predetermined locations in your online store. These sections can't be removed or re-arranged. Static sections might include header, footer, or navigation sections. To learn about static sections that appear on content pages like product pages and collection pages, refer to Page sections for Brooklyn.
On this page
Header
Your theme's header is the section that appears at the top of every page in your store.
With Brooklyn, you can add the following items to your header:
You can also change the color of your header links and icons.
If you want to enable the transparent header on your home page, you can select a separate logo and colors for your home page header.
Add a custom logo
You can add a custom logo to your store.
If you don't add a logo image, then your store name is displayed as text. You can change your store name on the Store details settings page in your Shopify admin.
Custom logo width: The width of the logo.
Add and configure your logo
PC:
From your Shopify admin, go to Online Store > Themes.
Next to Brooklyn, click Customize.
Click Header.
In the Logo image area, click Select image, and then do one of the following:
To select an image that you have already uploaded to your Shopify admin, click the Library tab.
To select an image from your local computer, click Library > Upload.
Use the settings to customize the size and placement of your logo.
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 Edit.
Click Header.
In the Logo image area, click Select image, and then do one of the following:
To select an image that you have already uploaded to your Shopify admin, click the Library tab.
To select an image from your local computer, click Library > Upload.
Use the settings to customize the size and placement of your logo.
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 Edit.
Click Header.
In the Logo image area, click Select image, and then do one of the following:
To select an image that you have already uploaded to your Shopify admin, click the Library tab.
To select an image from your local computer, click Library > Upload.
Use the settings to customize the size and placement of your logo.
Click Save.
Customize your navigation settings
You can customize the following navigation settings:
Search type - Set the style of the header search feature.
Menu - Set the menu that appears in the header.
Secondary sidebar menu - Add a secondary menu to your sidebar menu. A sidebar menu is shown instead of a header menu when the main menu takes up a lot of space. You can learn more in Tips for Brooklyn.
Enable search - Display a search bar on the sidebar menu.
PC:
From your Shopify admin, go to Online Store > Themes.
Next to Brooklyn, click Customize.
Click Header.
In the Navigation area, adjust your navigation settings.
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 Edit.
Click Header.
In the Navigation area, adjust your navigation settings.
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 Edit.
Click Header.
In the Navigation area, adjust your navigation settings.
Click Save.
文章内容来源:Shopify商户官方网站