shopify商店Express 分区自定义标头步骤-ESG跨境

shopify商店Express 分区自定义标头步骤

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

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

标头

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

您可以在标头中自定义以下项目:

  • logo

  • 公告栏

  • 菜单

  • 搜索

  • 标头样式

添加自定义 logo

您可以将自定义 logo 图片添加到商店的标头中。最佳格式是具有透明背景的 .png 文件。Logo 的最大宽度为 180px。您可以通过增加或缩小宽度来调整 logo 图片的大小。

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

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

  • logo 对齐方式:logo 在标头中的对齐方式。选择左对齐居中

添加和配置 logo

PC:

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

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

  1. 点击标头

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

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

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

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

  4. 点击保存

苹果系统:

  1. 在 Shopify 应用中,轻触商店

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

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

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

  5. 轻触编辑

  1. 点击标头

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

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

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

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

  4. 点击保存

安卓系统:

  1. 在 Shopify 应用中,轻触商店

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

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

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

  5. 轻触编辑

  1. 点击标头

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

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

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

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

  4. 点击保存

添加公告栏

您可以在标头中添加公告栏,以便使用该栏向客户显示消息。您的消息是可以自定义的,并且可以包含联系信息、有关商店活动或促销的信息,或者商店的标语。

PC:

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

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

  1. 点击标头

  2. 公告栏区域中,选中显示公告

  3. 输入您的公告的文本。

  4. 可选:输入 URL 以添加您的公告链接。

苹果系统:

  1. 在 Shopify 应用中,轻触商店

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

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

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

  5. 轻触编辑

  1. 点击标头

  2. 公告栏区域中,选中显示公告

  3. 输入您的公告的文本。

  4. 可选:输入 URL 以添加您的公告链接。

安卓系统:

  1. 在 Shopify 应用中,轻触商店

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

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

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

  5. 轻触编辑

  1. 点击标头

  2. 公告栏区域中,选中显示公告

  3. 输入您的公告的文本。

  4. 可选:输入 URL 以添加您的公告链接。

版本 1.11.0+

  1. 可选:在图标菜单中,选择要在公告栏中显示的图标。此图标使用的颜色与公告文本的相同。

  2. 若要更改公告栏的背景色,请点击颜色样本并选择颜色。

  3. 若要更改公告文本的颜色,请点击文本颜色样本并选择颜色。

  4. 点击保存

添加菜单

您可以向标头添加菜单。这会在标头中显示菜单的所有链接,您可以使用这些链接突出显示客户想访问的常用页面。例如,您可以添加包含产品系列链接的菜单。

PC:

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

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

  1. 点击标头

  2. 若要选择菜单,请点击更改。从列表中选择菜单,或点击创建菜单来创建新菜单。

  3. 若要编辑菜单,请点击编辑菜单

  4. 点击保存

苹果系统:

  1. 在 Shopify 应用中,轻触商店

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

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

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

  5. 轻触编辑

  1. 点击标头

  2. 若要选择菜单,请点击更改。从列表中选择菜单,或点击创建菜单来创建新菜单。

  3. 若要编辑菜单,请点击编辑菜单

  4. 点击保存

安卓系统:

  1. 在 Shofy 应用中,轻触商店

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

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

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

  5. 轻触编辑

  1. 点击标头

  2. 若要选择菜单,请点击更改。从列表中选择菜单,或点击创建菜单来创建新菜单。

  3. 若要编辑菜单,请点击编辑菜单

  4. 点击保存

启用搜索

您可以向标头添加搜索选项,以便客户可以在您的商店中快速找到商品。

PC:

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

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

  1. 点击标头

  2. 勾选显示搜索

  3. 点击保存

苹果系统:

  1. 在 Shopify 应用中,轻触商店

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

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

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

  5. 轻触编辑

  1. 点击标头

  2. 勾选显示搜索

  3. 点击保存

安卓系统:

  1. 在 Shopify 应用中,轻触商店

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

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

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

  5. 轻触编辑

  1. 点击标头

  2. 勾选显示搜索

  3. 点击保存

对标头使用辅助颜色

您可以选择启用辅助背景和文本颜色以在标头中使用辅助背景和文本颜色。

Header

Your theme's header is the section that appears at the top of every page in your store.

You can customize the following items in your header:

  • Logo

  • Announcement bar

  • Menu

  • Search

  • Header styles

Add a custom logo

You can add a custom logo image to your store's header. The best format is a .png file with a transparent background. The maximum width for a logo is 180px. You can resize the logo image by increasing or decreasing the width.

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.

  • Logo alignment: The alignment of your logo in the header. Select Left or Centered.

Add and configure your logo

PC:

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

  2. Next to Express, 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 Shopify app, tap Store.

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

  3. Tap Manage themes.

  4. Next to Express, 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 Shopify app, tap Store.

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

  3. Tap Manage themes.

  4. Next to Express, 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.

Add an announcement bar

You can add an announcement bar in the header that you can use to show a message to your customers. Your message is customizable and might include contact information, information about store events or sales, or a store slogan.

PC:

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

  2. Next to Express, click Customize.

  1. Click Header.

  2. In the Announcement bar area, check Show announcement.

  3. Enter the text for your announcement.

  4. Optional: Enter a URL to add a link to your announcement.

iPhone:

  1. From the Shopify app, tap Store.

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

  3. Tap Manage themes.

  4. Next to Express, tap Customize.

  5. Tap Edit.

  1. Click Header.

  2. In the Announcement bar area, check Show announcement.

  3. Enter the text for your announcement.

  4. Optional: Enter a URL to add a link to your announcement.

Android:

  1. From the Shopify app, tap Store.

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

  3. Tap Manage themes.

  4. Next to Express, tap Customize.

  5. Tap Edit.

  1. Click Header.

  2. In the Announcement bar area, check Show announcement.

  3. Enter the text for your announcement.

  4. Optional: Enter a URL to add a link to your announcement.

(Version 1.11.0+)

  1. Optional: From the Icon menu, select an icon to display in the announcement bar. The icon uses the same color as your announcement text.

  2. To change the color of the announcement bar background, click the Bar color swatch and choose a color.

  3. To change the color of the announcement text, click the Text color swatch and choose a color.

  4. Click Save.

Add a menu

You can add a menu to your header. This displays all the menu's links in your header, which you can use to highlight common s that your customers want to access. For example, you could add a menu that contains links to your collections.

PC:

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

  2. Next to Express, click Customize.

  1. Click Header.

  2. To select a menu, click Change. Select a menu from the list or click Create menu to create a new one.

  3. To edit the menu, click Edit menu.

  4. Click Save.

iPhone:

  1. From the Shopify app, tap Store.

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

  3. Tap Manage themes.

  4. Next to Express, tap Customize.

  5. Tap Edit.

  1. Click Header.

  2. To select a menu, click Change. Select a menu from the list or click Create menu to create a new one.

  3. To edit the menu, click Edit menu.

  4. Click Save.

Android:

  1. From the Shopify app, tap Store.

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

  3. Tap Manage themes.

  4. Next to Express, tap Customize.

  5. Tap Edit.

  1. Click Header.

  2. To select a menu, click Change. Select a menu from the list or click Create menu to create a new one.

  3. To edit the menu, click Edit menu.

  4. Click Save.

Enable search

You can add a search option to your header so that s can quickly locate items in your store.

PC:

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

  2. Next to Express, click Customize.

  1. Click Header.

  2. Check Show search.

  3. Click Save.

iPhone:

  1. From the Shopify app, tap Store.

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

  3. Tap Manage themes.

  4. Next to Express, tap Customize.

  5. Tap Edit.

  1. Click Header.

  2. Check Show search.

  3. Click Save.

Android:

  1. From the Shopify app, tap Store.

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

  3. Tap Manage themes.

  4. Next to Express, tap Customize.

  5. Tap Edit.

  1. Click Header.

  2. Check Show search.

  3. Click Save.

Use secondary colors for your header

You can select Enable secondary background and text color to use the secondary background and text color in your header.



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

搜索 放大镜
韩国平台交流群
加入
韩国平台交流群
扫码进群
欧洲多平台交流群
加入
欧洲多平台交流群
扫码进群
官网询盘
加入
官网询盘
扫码进群
美国卖家交流群
加入
美国卖家交流群
扫码进群
ESG跨境专属福利分享群
加入
ESG跨境专属福利分享群
扫码进群
拉美电商交流群
加入
拉美电商交流群
扫码进群
亚马逊跨境增长交流群
加入
亚马逊跨境增长交流群
扫码进群
亚马逊跨境增长交流群
加入
亚马逊跨境增长交流群
扫码进群
拉美电商交流群
加入
拉美电商交流群
扫码进群
《TikTok综合运营手册》
《TikTok短视频运营手册》
《TikTok直播运营手册》
《TikTok全球趋势报告》
《韩国节日营销指南》
《开店大全-全球合集》
《开店大全-主流平台篇》
《开店大全-东南亚篇》
《CD平台自注册指南》
《开店大全-俄罗斯篇》
通过ESG入驻平台,您将解锁
绿色通道,更高的入驻成功率
专业1v1客户经理服务
运营实操指导
运营提效资源福利
平台官方专属优惠

立即登记,定期获得更多资讯

订阅
联系顾问

平台顾问

平台顾问 平台顾问

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

icon icon

小程序

微信小程序

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

icon icon

返回顶部