shopify商店Express 分區(qū)自定義標(biāo)頭步驟-ESG跨境

標(biāo)頭

模板的標(biāo)頭是顯示在您商店中每個(gè)頁(yè)面頂部的分區(qū)。

您可以在標(biāo)頭中自定義以下項(xiàng)目：

• logo

• 公告欄

• 菜單

• 搜索

• 標(biāo)頭樣式

添加自定義 logo

您可以將自定義 logo 圖片添加到商店的標(biāo)頭中。最佳格式是具有透明背景的 .png 文件。Logo 的最大寬度為 180px。您可以通過(guò)增加或縮小寬度來(lái)調(diào)整 logo 圖片的大小。

如果您不添加 logo 圖片，則您的商店名稱將顯示為文本。您可以在 的商店詳細(xì)信息設(shè)置頁(yè)面上更改您的商店名稱。

• 自定義 logo 寬度：logo 的寬度。

• logo 對(duì)齊方式：logo 在標(biāo)頭中的對(duì)齊方式。選擇左對(duì)齊或居中。

添加和配置 logo

PC：

1. 在 Shopify 后臺(tái)中，轉(zhuǎn)到在線商店 > 模板。

2. 點(diǎn)擊 分區(qū) 旁邊的自定義。

1. 點(diǎn)擊標(biāo)頭。

2. 在 logo 圖片區(qū)域中，點(diǎn)擊選擇圖片，然后執(zhí)行以下操作之一：

• 若要選擇已上傳到 Shopify 后臺(tái)的圖片，請(qǐng)點(diǎn)擊庫(kù)選項(xiàng)卡。

• 若要從本地計(jì)算機(jī)選擇圖片，請(qǐng)依次點(diǎn)擊庫(kù) > 上傳。

3. 使用設(shè)置來(lái)自定義 logo 的大小和位置。

4. 點(diǎn)擊保存。

蘋(píng)果系統(tǒng)：

1. 在 Shopify 應(yīng)用中，輕觸商店。

2. 在銷售渠道部分，輕觸在線商店。

3. 輕觸 Manage themes（管理模板）。

4. 在 分區(qū) 旁邊，輕觸自定義。

5. 輕觸編輯。

1. 點(diǎn)擊標(biāo)頭。

2. 在 logo 圖片區(qū)域中，點(diǎn)擊選擇圖片，然后執(zhí)行以下操作之一：

• 若要選擇已上傳到 Shopify 后臺(tái)的圖片，請(qǐng)點(diǎn)擊庫(kù)選項(xiàng)卡。

• 若要從本地計(jì)算機(jī)選擇圖片，請(qǐng)依次點(diǎn)擊庫(kù) > 上傳。

3. 使用設(shè)置來(lái)自定義 logo 的大小和位置。

4. 點(diǎn)擊保存。

安卓系統(tǒng)：

1. 在 Shopify 應(yīng)用中，輕觸商店。

2. 在銷售渠道部分，輕觸在線商店。

3. 輕觸 Manage themes（管理模板）。

4. 在 分區(qū) 旁邊，輕觸自定義。

5. 輕觸編輯。

1. 點(diǎn)擊標(biāo)頭。

2. 在 logo 圖片區(qū)域中，點(diǎn)擊選擇圖片，然后執(zhí)行以下操作之一：

• 若要選擇已上傳到 Shopify 后臺(tái)的圖片，請(qǐng)點(diǎn)擊庫(kù)選項(xiàng)卡。

• 若要從本地計(jì)算機(jī)選擇圖片，請(qǐng)依次點(diǎn)擊庫(kù) > 上傳。

3. 使用設(shè)置來(lái)自定義 logo 的大小和位置。

4. 點(diǎn)擊保存。

添加公告欄

您可以在標(biāo)頭中添加公告欄，以便使用該欄向客戶顯示消息。您的消息是可以自定義的，并且可以包含聯(lián)系信息、有關(guān)商店活動(dòng)或促銷的信息，或者商店的標(biāo)語(yǔ)。

PC：

1. 在 Shopify 后臺(tái)中，轉(zhuǎn)到在線商店 > 模板。

2. 點(diǎn)擊 分區(qū) 旁邊的自定義。

1. 點(diǎn)擊標(biāo)頭。

2. 在公告欄區(qū)域中，選中顯示公告。

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

4. 可選：輸入 URL 以添加您的公告鏈接。

蘋(píng)果系統(tǒng)：

1. 在 Shopify 應(yīng)用中，輕觸商店。

2. 在銷售渠道部分，輕觸在線商店。

3. 輕觸 Manage themes（管理模板）。

4. 在 分區(qū) 旁邊，輕觸自定義。

5. 輕觸編輯。

1. 點(diǎn)擊標(biāo)頭。

2. 在公告欄區(qū)域中，選中顯示公告。

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

4. 可選：輸入 URL 以添加您的公告鏈接。

安卓系統(tǒng)：

1. 在 Shopify 應(yīng)用中，輕觸商店。

2. 在銷售渠道部分，輕觸在線商店。

3. 輕觸 Manage themes（管理模板）。

4. 在 分區(qū) 旁邊，輕觸自定義。

5. 輕觸編輯。

1. 點(diǎn)擊標(biāo)頭。

2. 在公告欄區(qū)域中，選中顯示公告。

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

4. 可選：輸入 URL 以添加您的公告鏈接。

（版本 1.11.0+）

1. 可選：在圖標(biāo)菜單中，選擇要在公告欄中顯示的圖標(biāo)。此圖標(biāo)使用的顏色與公告文本的相同。

2. 若要更改公告欄的背景色，請(qǐng)點(diǎn)擊欄顏色樣本并選擇顏色。

3. 若要更改公告文本的顏色，請(qǐng)點(diǎn)擊文本顏色樣本并選擇顏色。

4. 點(diǎn)擊保存。

添加菜單

您可以向標(biāo)頭添加菜單。這會(huì)在標(biāo)頭中顯示菜單的所有鏈接，您可以使用這些鏈接突出顯示客戶想訪問(wèn)的常用頁(yè)面。例如，您可以添加包含產(chǎn)品系列鏈接的菜單。

PC：

1. 在 Shopify 后臺(tái)中，轉(zhuǎn)到在線商店 > 模板。

2. 點(diǎn)擊 分區(qū) 旁邊的自定義。

1. 點(diǎn)擊標(biāo)頭。

2. 若要選擇菜單，請(qǐng)點(diǎn)擊更改。從列表中選擇菜單，或點(diǎn)擊創(chuàng)建菜單來(lái)創(chuàng)建新菜單。

3. 若要編輯菜單，請(qǐng)點(diǎn)擊編輯菜單。

4. 點(diǎn)擊保存。

蘋(píng)果系統(tǒng)：

1. 在 Shopify 應(yīng)用中，輕觸商店。

2. 在銷售渠道部分，輕觸在線商店。

3. 輕觸 Manage themes（管理模板）。

4. 在 分區(qū) 旁邊，輕觸自定義。

5. 輕觸編輯。

1. 點(diǎn)擊標(biāo)頭。

2. 若要選擇菜單，請(qǐng)點(diǎn)擊更改。從列表中選擇菜單，或點(diǎn)擊創(chuàng)建菜單來(lái)創(chuàng)建新菜單。

3. 若要編輯菜單，請(qǐng)點(diǎn)擊編輯菜單。

4. 點(diǎn)擊保存。

安卓系統(tǒng)：

1. 在 Shofy 應(yīng)用中，輕觸商店。

2. 在銷售渠道部分，輕觸在線商店。

3. 輕觸 Manage themes（管理模板）。

4. 在 分區(qū) 旁邊，輕觸自定義。

5. 輕觸編輯。

1. 點(diǎn)擊標(biāo)頭。

2. 若要選擇菜單，請(qǐng)點(diǎn)擊更改。從列表中選擇菜單，或點(diǎn)擊創(chuàng)建菜單來(lái)創(chuàng)建新菜單。

3. 若要編輯菜單，請(qǐng)點(diǎn)擊編輯菜單。

4. 點(diǎn)擊保存。

啟用搜索

您可以向標(biāo)頭添加搜索選項(xiàng)，以便客戶可以在您的商店中快速找到商品。

PC：

1. 在 Shopify 后臺(tái)中，轉(zhuǎn)到在線商店 > 模板。

2. 點(diǎn)擊 分區(qū) 旁邊的自定義。

1. 點(diǎn)擊標(biāo)頭。

2. 勾選顯示搜索。

3. 點(diǎn)擊保存。

蘋(píng)果系統(tǒng)：

1. 在 Shopify 應(yīng)用中，輕觸商店。

2. 在銷售渠道部分，輕觸在線商店。

3. 輕觸 Manage themes（管理模板）。

4. 在 分區(qū) 旁邊，輕觸自定義。

5. 輕觸編輯。

1. 點(diǎn)擊標(biāo)頭。

2. 勾選顯示搜索。

3. 點(diǎn)擊保存。

安卓系統(tǒng)：

1. 在 Shopify 應(yīng)用中，輕觸商店。

2. 在銷售渠道部分，輕觸在線商店。

3. 輕觸 Manage themes（管理模板）。

4. 在 分區(qū) 旁邊，輕觸自定義。

5. 輕觸編輯。

1. 點(diǎn)擊標(biāo)頭。

2. 勾選顯示搜索。

3. 點(diǎn)擊保存。

對(duì)標(biāo)頭使用輔助顏色

您可以選擇啟用輔助背景和文本顏色以在標(biāo)頭中使用輔助背景和文本顏色。

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.

特別聲明：以上文章內(nèi)容僅代表作者本人觀點(diǎn)，不代表ESG跨境電商觀點(diǎn)或立場(chǎng)。如有關(guān)于作品內(nèi)容、版權(quán)或其它問(wèn)題請(qǐng)于作品發(fā)表后的30日內(nèi)與ESG跨境電商聯(lián)系。