shopify商店Narrative分區(qū)自定義幻燈片和頁(yè)腳步驟-ESG跨境

幻燈片

您可以創(chuàng)建最多循環(huán)播放五張圖片或視頻幻燈片的主頁(yè)幻燈片。

最好為您的幻燈片使用高分辨率圖片。使用 4000 x 2200 px 或更大的圖片，但不要超過(guò) 的上傳限制。

由于幻燈片的大小和形狀取決于客戶(hù)設(shè)備的大小和形狀，因此，您的幻燈片圖片將在某些屏幕上被裁剪。嘗試使用中間有焦點(diǎn)的圖片，這樣每張圖片的重要部分都能始終可見(jiàn)。

若要詳細(xì)了解適用于幻燈片圖片的，請(qǐng)參閱。

幻燈片分區(qū)包括以下設(shè)置：

• 幻燈片高度 - 設(shè)置幻燈片的高度。選擇 Adapt to first image slide height（適應(yīng)第一張圖片幻燈片高度），基于第一張圖片的高度設(shè)置幻燈片的高度。

• 居中按鈕 - 設(shè)置幻燈片上按鈕的位置。

• 顯示疊加 - 在幻燈片上添加一層顏色。疊加層可以使幻燈片文本更易于閱讀。

• 疊加顏色 - 設(shè)置疊加層的顏色。

• 不透明度 - 設(shè)置疊加的不透明度。

• 圖片 - 添加要在幻燈片中顯示的圖片。

• 圖片對(duì)齊 - 選擇圖片中最重要的區(qū)域作為幻燈片的焦點(diǎn)。

• 視頻鏈接 - 添加視頻的 YouTube 鏈接。

• 封面圖片 - 為視頻幻燈片添加封面圖片。視頻未播放時(shí)，會(huì)顯示封面圖片。

• 標(biāo)題 - 向幻燈片添加標(biāo)題。

• 幻燈片標(biāo)題 - 為幻燈片添加標(biāo)題。有多張幻燈片時(shí)，標(biāo)題會(huì)顯示在幻燈片底部。

• 按鈕標(biāo)簽 - 向幻燈片添加帶文本的按鈕。

• 按鈕鏈接 - 設(shè)置您希望按鈕鏈接到的 URL 或頁(yè)面。粘貼 URL 或從菜單中選擇一個(gè)頁(yè)面。如果您不想在分區(qū)中包含按鈕，請(qǐng)將此字段留空。

在主頁(yè)中添加幻燈片

PC：

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

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

1. 點(diǎn)擊添加分區(qū)。

2. 點(diǎn)擊幻燈片，然后點(diǎn)擊選擇。

3. 使用設(shè)置來(lái)自定義幻燈片。

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

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

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

2. 在銷(xiāo)售渠道部分，輕觸在線(xiàn)商店。

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

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

5. 輕觸編輯。

1. 點(diǎn)擊添加分區(qū)。

2. 點(diǎn)擊幻燈片，然后點(diǎn)擊選擇。

3. 使用設(shè)置來(lái)自定義幻燈片。

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

安卓系統(tǒng)：

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

2. 在銷(xiāo)售渠道部分，輕觸在線(xiàn)商店。

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

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

5. 輕觸編輯。

1. 點(diǎn)擊添加分區(qū)。

2. 點(diǎn)擊幻燈片，然后點(diǎn)擊選擇。

3. 使用設(shè)置來(lái)自定義幻燈片。

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

頁(yè)腳

在頁(yè)腳分區(qū)中，您可以編輯商店中每個(gè)頁(yè)面底部顯示的內(nèi)容。您可以向頁(yè)腳中添加以下功能：

• 社交媒體圖標(biāo)

• 付款圖標(biāo)

• 新聞通訊注冊(cè)

• 視差滾動(dòng)效果

• 最多兩個(gè)菜單

自定義頁(yè)腳

PC：

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

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

1. 點(diǎn)擊頁(yè)腳。

2. 通過(guò)選中 Show social icons（顯示社交圖標(biāo)），將社交媒體圖標(biāo)添加到頁(yè)腳中。您可從社交設(shè)置中將圖標(biāo)鏈接到您的社交媒體賬戶(hù)。

3. 通過(guò)選中 Show payment icons（顯示付款圖標(biāo)）將付款圖標(biāo)（如 Mastercard 或 PayPal）添加到頁(yè)腳。 此區(qū)域會(huì)顯示與您在后臺(tái)的付款設(shè)置部分中啟用的支付服務(wù)提供商相關(guān)聯(lián)的圖標(biāo)。

4. 若要將新聞通訊注冊(cè)添加到頁(yè)腳，請(qǐng)執(zhí)行以下步驟：

1. 選中 Show newsletter signup（顯示新聞通訊注冊(cè)）。

2. 在標(biāo)題字段中輸入新聞通訊注冊(cè)的標(biāo)題。默認(rèn)標(biāo)題為“注冊(cè)以獲取更新”。

3. 在子標(biāo)題字段中輸入新聞通訊注冊(cè)的子標(biāo)題。默認(rèn)子標(biāo)題為“促銷(xiāo)、新產(chǎn)品和銷(xiāo)售。直接發(fā)送到您的收件箱”。

5. 要向頁(yè)腳中添加菜單，請(qǐng)執(zhí)行以下步驟：

1. 在內(nèi)容下，點(diǎn)擊添加菜單。

2. 要編輯默認(rèn)菜單，請(qǐng)點(diǎn)擊編輯菜單。要更改為其他菜單，請(qǐng)點(diǎn)擊更改，然后選擇一個(gè)現(xiàn)有菜單或點(diǎn)擊 Create menu（創(chuàng)建菜單）。

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

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

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

2. 在銷(xiāo)售渠道部分，輕觸在線(xiàn)商店。

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

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

5. 輕觸編輯。

1. 點(diǎn)擊頁(yè)腳。

2. 通過(guò)選中 Show social icons（顯示社交圖標(biāo)），將社交媒體圖標(biāo)添加到頁(yè)腳中。您可從社交設(shè)置中將圖標(biāo)鏈接到您的賬戶(hù)。

3. 通過(guò)選中 Show payment icons（顯示付款圖標(biāo)）將付款圖標(biāo)（如 Mastercard 或 PayPal）添加到頁(yè)腳。 此區(qū)域會(huì)顯示與您在后臺(tái)的付款設(shè)置部分中啟用的支付服務(wù)提供商相關(guān)聯(lián)的圖標(biāo)。

4. 若要將新聞通訊注冊(cè)添加到頁(yè)腳，請(qǐng)執(zhí)行以下步驟：

1. 選中 Show newsletter signup（顯示新聞通訊注冊(cè)）。

2. 在標(biāo)題字段中輸入新聞通訊注冊(cè)的標(biāo)題。默認(rèn)標(biāo)題為“注冊(cè)以獲取更新”。

3. 在子標(biāo)題字段中輸入新聞通訊注冊(cè)的子標(biāo)題。默認(rèn)子標(biāo)題為“促銷(xiāo)、新產(chǎn)品和銷(xiāo)售。直接發(fā)送到您的收件箱”。

5. 要向頁(yè)腳中添加菜單，請(qǐng)執(zhí)行以下步驟：

1. 在內(nèi)容下，點(diǎn)擊添加菜單。

2. 要編輯默認(rèn)菜單，請(qǐng)點(diǎn)擊編輯菜單。要更改為其他菜單，請(qǐng)點(diǎn)擊更改，然后選擇一個(gè)現(xiàn)有菜單或點(diǎn)擊 Create menu（創(chuàng)建菜單）。

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

安卓系統(tǒng)：

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

2. 在銷(xiāo)售渠道部分，輕觸在線(xiàn)商店。

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

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

5. 輕觸編輯。

1. 點(diǎn)擊頁(yè)腳。

2. 通過(guò)選中 Show social icons（顯示社交圖標(biāo)），將社交媒體圖標(biāo)添加到頁(yè)腳中。您可從社交設(shè)置中將圖標(biāo)鏈接到您的社交媒體賬戶(hù)。

3. 通過(guò)選中 Show payment icons（顯示付款圖標(biāo)）將付款圖標(biāo)（如 Mastercard 或 PayPal）添加到頁(yè)腳。 此區(qū)域會(huì)顯示與您在后臺(tái)的付款設(shè)置部分中啟用的支付服務(wù)提供商相關(guān)聯(lián)的圖標(biāo)。

4. 若要將新聞通訊注冊(cè)添加到頁(yè)腳，請(qǐng)執(zhí)行以下步驟：

1. 選中 Show newsletter signup（顯示新聞通訊注冊(cè)）。

2. 在標(biāo)題字段中輸入新聞通訊注冊(cè)的標(biāo)題。默認(rèn)標(biāo)題為“注冊(cè)以獲取更新”。

3. 在子標(biāo)題字段中輸入新聞通訊注冊(cè)的子標(biāo)題。默認(rèn)子標(biāo)題為“促銷(xiāo)、新產(chǎn)品和銷(xiāo)售。直接發(fā)送到您的收件箱”。

5. 要向頁(yè)腳中添加菜單，請(qǐng)執(zhí)行以下步驟：

1. 在內(nèi)容下，點(diǎn)擊添加菜單。

2. 要編輯默認(rèn)菜單，請(qǐng)點(diǎn)擊編輯菜單。要更改為其他菜單，請(qǐng)點(diǎn)擊更改，然后選擇一個(gè)現(xiàn)有菜單或點(diǎn)擊 Create menu（創(chuàng)建菜單）。

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

Slideshow

You can create a home page slideshow that rotates up to five image or video slides.

It's best to use high resolution images for your slides. Use images that are 4000 x 2200 px or larger, but don't exceed Shopify's upload limits.

Because the size and shape of the slideshow depends on the size and shape of the customer's device, your slideshow images will be cropped on some screens. Try to use images that have a focal point in the middle so that the important part of each image is always visible.

To learn more about the best practices for slideshow images, see Uploading images.

The slideshow section includes the following settings:

• Slide height - Set the height of the slideshow. Select Adapt to first image slide height to base the height of your slideshow on the height of your first image.

• Center buttons - Set the position of the buttons on your slides.

• Show overlay - Add a layer of color over your slides. An overlay can make slideshow text easier to read.

• Overlay color - Set the color of your overlay.

• Opacity - Set the opacity of your overlay.

• Image - Add an image to display in your slideshow.

• Image alignment - Choose the most important area of the image to focus on in the slideshow.

• Video link - Add the YouTube link for your video.

• Cover image - Add a cover image for your video slide. The cover image shows when the video isn't playing.

• Heading - Add a heading to your slide.

• Slide title - Add a title for your slide. This is displayed at the bottom of the slideshow when you have more than one slide.

• Button label - Add a button with a text label to your slide.

• Button link - Set the URL or page that you want the button to link to. Paste in the URL or select a page from the menu. If you do not want to include a button in the section, then leave this field empty.

Add a slideshow to your home page

PC：

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

2. Next to Narrative, click Customize.

1. Click Add section.

2. Click Slideshow, and then click Select.

3. Use the settings to customize your slideshow.

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

5. Tap Edit.

1. Click Add section.

2. Click Slideshow, and then click Select.

3. Use the settings to customize your slideshow.

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

5. Tap Edit.

1. Click Add section.

2. Click Slideshow, and then click Select.

3. Use the settings to customize your slideshow.

4. Click Save.

Footer

In the footer section, you can edit the content that appears at the bottom of every page in your store. You can add the following features to your footer:

• social media icons

• payment icons

• a newsletter signup

• a parallax scrolling effect

• up to two menus

Customize the footer

PC：

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

2. Next to Narrative, click Customize.

1. Click Footer.

2. Add social media icons to your footer by checking Show social icons. You can link the icons to your social media accounts from the Social settings.

3. Add payment icons, such as Mastercard or PayPal, to your footer by checking Show payment icons. This area displays the icons that are associated with the payment provider that you have enabled in the payment settings section of your admin.

4. To add a newsletter signup to your footer, do the following steps:

1. Check Show newsletter signup.

2. Enter a heading for your newsletter signup in the Heading field. The default heading is "Sign up for updates".

3. Enter a subheading for your newsletter signup in the Subheading field. The default subheading is "Promotions, new products and sales. Directly to your inbox.".

5. To add a menu to your footer, do the following steps:

1. Under Content, click Add menu.

2. To edit the default menu, click Edit menu. To change to a different menu, click Change, and then select an existing menu or click Create menu.

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

5. Tap Edit.

1. Click Footer.

2. Add social media icons to your footer by checking Show social icons. You can link the icons to your social media accounts from the Social settings.

3. Add payment icons, such as Mastercard or PayPal, to your footer by checking Show payment icons. This area displays the icons that are associated with the payment provider that you have enabled in the payment settings section of your admin.

4. To add a newsletter signup to your footer, do the following steps:

1. Check Show newsletter signup.

2. Enter a heading for your newsletter signup in the Heading field. The default heading is "Sign up for updates".

3. Enter a subheading for your newsletter signup in the Subheading field. The default subheading is "Promotions, new products and sales. Directly to your inbox.".

5. To add a menu to your footer, do the following steps:

1. Under Content, click Add menu.

2. To edit the default menu, click Edit menu. To change to a different menu, click Change, and then select an existing menu or click Create menu.

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

5. Tap Edit.

1. Click Footer.

2. Add social media icons to your footer by checking Show social icons. You can link the icons to your social media accounts from the Social settings.

3. Add payment icons, such as Mastercard or PayPal, to your footer by checking Show payment icons. This area displays the icons that are associated with the payment provider that you have enabled in the payment settings section of your admin.

4. To add a newsletter signup to your footer, do the following steps:

1. Check Show newsletter signup.

2. Enter a heading for your newsletter signup in the Heading field. The default heading is "Sign up for updates".

3. Enter a subheading for your newsletter signup in the Subheading field. The default subheading is "Promotions, new products and sales. Directly to your inbox.".

5. To add a menu to your footer, do the following steps:

1. Under Content, click Add menu.

2. To edit the default menu, click Edit menu. To change to a different menu, click Change, and then select an existing menu or click Create menu.

6. Click Save.

特別聲明：以上文章內(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)系。