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

标头

在标头分区中，您可以编辑商店中每个页面顶部显示的内容。您可以添加 logo 图片、创建公告消息和添加标语。

添加自定义 logo

您可以将自定义 logo 图片添加到商店的标头中。最佳格式是具有透明背景的 .png 文件。logo 图片应为 450 x 200 像素。您可以通过减小宽度来调整 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. 在公告栏区域中，选中显示公告。

选择仅主页以仅在主页上显示公告消息。

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

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

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

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

5. 点击保存。

苹果系统：

1. 在 Shopify 应用中，轻触商店。

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

3. 轻触 Manage themes（管理模板）。

4. 在 的分区 旁边，轻触自定义。

5. 轻触编辑。

1. 点击标头。

2. 在公告栏区域中，选中显示公告。

选择仅主页以仅在主页上显示公告消息。

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

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

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

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

5. 点击保存。

安卓系统：

1. 在 Shopify 应用中，轻触商店。

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

3. 轻触 Manage themes（管理模板）。

4. 在 的分区 旁边，轻触自定义。

5. 轻触编辑。

1. 点击标头。

2. 在公告栏区域中，选中显示公告。

选择仅主页以仅在主页上显示公告消息。

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

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

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

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

5. 点击保存。

Header

In the header section, you can edit the content that appears at the top of every in your store. You can add a logo image, create an announcement message, and add a tine.

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. Logo images should be 450 x 200px. You can resize the logo image by 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.

Add and configure your logo

PC：

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

2. Next to Simple, 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 Shofy 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 Simple, 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 Simple, 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 Simple, click Customize.

1. Click Header.

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

   Select Home page only to display the announcement message on the home page only.

3. Enter the text for your announcement.

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

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

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

7. 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 Simple, tap Customize.

5. Tap Edit.

1. Click Header.

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

   Select Home page only to display the announcement message on the home page only.

3. Enter the text for your announcement.

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

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

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

7. 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 Simple, tap Customize.

5. Tap Edit.

1. Click Header.

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

   Select Home page only to display the announcement message on the home page only.

3. Enter the text for your announcement.

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

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

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

7. Click Save.

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