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

標頭

在標頭分區(qū)中，您可以編輯商店中每個頁面頂部顯示的內(nèi)容。您可以添加 logo 圖片、創(chuàng)建公告消息和添加標語。

添加自定義 logo

您可以將自定義 logo 圖片添加到商店的標頭中。最佳格式是具有透明背景的 .png 文件。logo 圖片應(yīng)為 450 x 200 像素。您可以通過減小寬度來調(diào)整 logo 圖片的大小。

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

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

添加和配置 logo

PC:

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

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

1. 點擊標頭。

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

• 若要選擇已上傳到 Shopify 的圖片，請點擊庫選項卡。

• 若要從本地計算機選擇圖片，請依次點擊庫 > 上傳。

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

4. 點擊保存。

蘋果系統(tǒng)：

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

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

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

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

5. 輕觸編輯。

1. 點擊標頭。

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

• 若要選擇已上傳到 Shopify 后臺的圖片，請點擊庫選項卡。

• 若要從本地計算機選擇圖片，請依次點擊庫 > 上傳。

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

4. 點擊保存。

安卓系統(tǒng)：

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

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

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

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

5. 輕觸編輯。

1. 點擊標頭。

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

• 若要選擇已上傳到 Shopify 后臺的圖片，請點擊庫選項卡。

• 若要從本地計算機選擇圖片，請依次點擊庫 > 上傳。

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

4. 點擊保存。

添加公告欄

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

PC：

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

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

1. 點擊標頭。

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

選擇僅主頁以僅在主頁上顯示公告消息。

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

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

3. 若要更改公告欄的背景色，請點擊欄顏色樣本并選擇顏色。

4. 若要更改公告文本的顏色，請點擊文本顏色樣本并選擇顏色。

5. 點擊保存。

蘋果系統(tǒng)：

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

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

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

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

5. 輕觸編輯。

1. 點擊標頭。

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

選擇僅主頁以僅在主頁上顯示公告消息。

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

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

3. 若要更改公告欄的背景色，請點擊欄顏色樣本并選擇顏色。

4. 若要更改公告文本的顏色，請點擊文本顏色樣本并選擇顏色。

5. 點擊保存。

安卓系統(tǒng)：

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

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

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

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

5. 輕觸編輯。

1. 點擊標頭。

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

選擇僅主頁以僅在主頁上顯示公告消息。

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.

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