shopify商店Brooklyn 静态分区自定义标头步骤(一)-ESG跨境

shopify商店Brooklyn 静态分区自定义标头步骤(一)

shopify新闻
shopify新闻
2022-03-28
点赞icon 0
查看icon 810

Brooklyn 包含多个静态分区,这些分区显示在您在线商店中的预定地点。这些分区无法删除或重新进行安排。静态分区可能包括标头、页脚或网站地图分区。若要了解产品页面和产品系列页面等内容页面上显示的静态分区,请参阅 Brooklyn 的页面分区。

Brooklyn 的静态分区

Brooklyn 包含多个静态分区,这些分区显示在您在线商店中的预定地点。这些分区无法删除或重新进行安排。静态分区可能包括标头、页脚或网站地图分区。若要了解产品页面和系列页面等内容页面上显示的静态分区,请参阅 。

标头

模板的标头是显示在您商店中每个页面顶部的分区。

使用 Brooklyn,您可以将以下项添加到标头:

  • Logo

  • 导航菜单

  • 公告栏

您还可以更改标头链接和图标的颜色。

如果要在启用透明标头,您可以为主页标头选择单独的 logo 和颜色。

添加自定义 logo

您可以向您的商店添加自定义 logo。

如果您不添加 logo 图片,则您的商店名称将显示为文本。您可以在 Shopify 后台的设置页面上更改您的商店名称。

  • 自定义 logo 宽度:logo 的宽度。

添加和配置 logo

PC:

  1. 在 后台中,转到在线商店 > 模板

  2. 点击 的静态分区 旁边的自定义

  1. 点击标头

  2. 在 logo 图片区域中,点击选择图片,然后执行以下操作之一:

    • 若要选择已上传到 Shopify 后台的图片,请点击选项卡。

    • 若要从本地计算机选择图片,请依次点击 > 上传

  3. 使用设置来自定义 logo 的大小和位置。

  4. 点击保存

苹果系统:

  1. 在 中,轻触商店

  2. 销售渠道部分,轻触在线商店

  3. 轻触 Manage themes(管理模板)。

  4. 在 的静态分区 旁边,轻触自定义

  5. 轻触编辑

  1. 点击标头

  2. 在 logo 图片区域中,点击选择图片,然后执行以下操作之一:

    • 若要选择已上传到 Shopify 后台的图片,请点击选项卡。

    • 若要从本地计算机选择图片,请依次点击 > 上传

  3. 使用设置来自定义 logo 的大小和位置。

  4. 点击保存

安卓系统:

  1. 在 中,轻触商店

  2. 销售渠道部分,轻触在线商店

  3. 轻触 Manage themes(管理模板)。

  4. 在 的静态分区 旁边,轻触自定义

  5. 轻触编辑

  1. 点击标头

  2. 在 logo 图片区域中,点击选择图片,然后执行以下操作之一:

    • 若要选择已上传到 Shopify 后台的图片,请点击选项卡。

    • 若要从本地计算机选择图片,请依次点击 > 上传

  3. 使用设置来自定义 logo 的大小和位置。

  4. 点击保存

自定义您的导航设置

您可以自定义以下导航设置:

  • 搜索类型 - 设置标头搜索功能的样式。

  • 菜单 - 设置显示在标头中的菜单。

  • 辅助侧边栏菜单 - 向侧边栏菜单添加辅助菜单。当主菜单占用大量空间时,则将改为显示侧边栏菜单,而不是标头菜单。您可以在中了解详细信息。

  • 启用搜索 - 在侧栏菜单中显示搜索栏。

PC:

  1. 在 Shopify 中,转到在线商店 > 模板

  2. 点击 的静态分区 旁边的自定义

  1. 点击标头

  2. 导航区域中,调整您的导航设置。

  3. 点击保存

苹果系统:

  1. 在 中,轻触商店

  2. 销售渠道部分,轻触

  3. 轻触 Manage themes(管理模板)。

  4. 在 的静态分区 旁边,轻触自定义

  5. 轻触编辑

  1. 点击标头

  2. 导航区域中,调整您的导航设置。

  3. 点击保存

安卓系统:

  1. 在 中,轻触商店

  2. 销售渠道部分,轻触在线商店

  3. 轻触 Manage themes(管理模板)。

  4. 在 的静态分区 旁边,轻触自定义

  5. 轻触编辑

  1. 点击标头

  2. 导航区域中,调整您的导航设置。

  3. 点击保存

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 .

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:

  • An 

You can also  of your header links and icons.

If you want to  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  settings page in your Shopify admin.

  • Custom logo width: The width of the logo.

Add and configure your logo

PC:

  1. From your Shopify admin, go to Online Store > Themes.

  2. Next to Brooklyn, click Customize.

  1. Click Header.

  2. 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.

  3. Use the settings to customize the size and placement of your logo.

  4. Click Save.

iPhone:

  1. From the , tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Manage themes.

  4. Next to Brooklyn, tap Customize.

  5. Tap Edit.

  1. Click Header.

  2. 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.

  3. Use the settings to customize the size and placement of your logo.

  4. Click Save.

Android:

  1. From the , tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Manage themes.

  4. Next to Brooklyn, tap Customize.

  5. Tap Edit.

  1. Click Header.

  2. 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.

  3. Use the settings to customize the size and placement of your logo.

  4. 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 .

  • Enable search - Display a search bar on the sidebar menu.

PC:

  1. From your Shopify admin, go to Online Store > Themes.

  2. Next to Brooklyn, click Customize.

  1. Click Header.

  2. In the Navigation area, adjust your navigation settings.

  3. Click Save.

iPhone:

  1. From the , tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Manage themes.

  4. Next to Brooklyn, tap Customize.

  5. Tap Edit.

  1. Click Header.

  2. In the Navigation area, adjust your navigation settings.

  3. Click Save.

Android:

  1. From the , tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Manage themes.

  4. Next to Brooklyn, tap Customize.

  5. Tap Edit.

  1. Click Header.

  2. In the Navigation area, adjust your navigation settings.

  3. Click Save.



特别声明:以上文章内容仅代表作者本人观点,不代表ESG跨境电商观点或立场。如有关于作品内容、版权或其它问题请于作品发表后的30日内与ESG跨境电商联系。

搜索 放大镜
韩国平台交流群
加入
韩国平台交流群
扫码进群
欧洲多平台交流群
加入
欧洲多平台交流群
扫码进群
美国卖家交流群
加入
美国卖家交流群
扫码进群
ESG跨境专属福利分享群
加入
ESG跨境专属福利分享群
扫码进群
拉美电商交流群
加入
拉美电商交流群
扫码进群
亚马逊跨境增长交流群
加入
亚马逊跨境增长交流群
扫码进群
《开店大全-全球合集》
《开店大全-主流平台篇》
《开店大全-东南亚篇》
《CD平台自注册指南》
《开店大全-俄罗斯篇》
《韩国站内推广指南》
《韩国热销品预测》
《开店大全-日韩篇》
《开店大全-拉美篇》
《开店大全-欧洲篇》
通过ESG入驻平台,您将解锁
绿色通道,更高的入驻成功率
专业1v1客户经理服务
运营实操指导
运营提效资源福利
平台官方专属优惠
联系顾问

平台顾问

平台顾问 平台顾问

微信扫一扫
马上联系在线顾问

icon icon

小程序

微信小程序

ESG跨境小程序
手机入驻更便捷

icon icon

返回顶部