shopify商店Express向主頁(yè)添加多列和頁(yè)面步驟-ESG跨境

多列

版本 1.11.0+

使用 Express，您可以添加包含多列內(nèi)容的分區(qū)。您最多可以向每個(gè)多列分區(qū)添加四列。

多列分區(qū)包括以下設(shè)置：

列設(shè)置

• 圖片 - 向列添加圖片。

• 標(biāo)題 - 向該列添加主要文本。

• 文本 - 向列添加輔助文本。

分區(qū)設(shè)置

• 標(biāo)題 - 為分區(qū)添加主要文本。

• 按鈕 - 添加您希望在按鈕上顯示的文本。

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

布局選項(xiàng)

• 對(duì)齊方式 - 選擇每列元素的對(duì)齊方式。

• 移動(dòng)布局 - 選擇分區(qū)中的列在移動(dòng)設(shè)備上是堆疊顯示還是在網(wǎng)格中顯示。

• 圖片大小 - 選擇列中圖片的大小。

• 保持圖片比 - 選擇此選項(xiàng)以防止裁剪所選圖片。如果未選中此選項(xiàng)，圖片將被裁剪為正方形。

• 啟用輔助背景和文本顏色 - 選擇此選項(xiàng)可對(duì)標(biāo)題和文本使用輔助背景文本顏色，以及對(duì)分區(qū)使用輔助背景色?？梢栽谀０逶O(shè)置中修改這些顏色。

向主頁(yè)添加多列分區(qū)

PC：

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

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

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

2. 點(diǎn)擊**多列**，然后點(diǎn)擊**選擇**。

3. 點(diǎn)擊添加列以向該分區(qū)添加列。

4. 點(diǎn)擊內(nèi)容分區(qū)中的列，向該列添加內(nèi)容。

5. 使用設(shè)置來(lái)自定義分區(qū)。

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

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

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

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

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

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

5. 輕觸編輯。

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

2. 點(diǎn)擊**多列**，然后點(diǎn)擊**選擇**。

3. 點(diǎn)擊添加列以向該分區(qū)添加列。

4. 點(diǎn)擊內(nèi)容分區(qū)中的列，向該列添加內(nèi)容。

5. 使用設(shè)置來(lái)自定義分區(qū)。

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

安卓系統(tǒng)：

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

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

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

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

5. 輕觸編輯。

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

2. 點(diǎn)擊**多列**，然后點(diǎn)擊**選擇**。

3. 點(diǎn)擊添加列以向該分區(qū)添加列。

4. 點(diǎn)擊內(nèi)容分區(qū)中的列，向該列添加內(nèi)容。

5. 使用設(shè)置來(lái)自定義分區(qū)。

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

頁(yè)面

版本 1.10.0+

您可以在主頁(yè)上展示頁(yè)面的富文本內(nèi)容。您可以使用此部分來(lái)顯示商店政策頁(yè)面或關(guān)于我們頁(yè)面的內(nèi)容。

即使應(yīng)用了其他模板，此分區(qū)也始終使用默認(rèn)頁(yè)面模板。例如，如果您向該分區(qū)添加了一個(gè)使用 page.contact 的聯(lián)系我們頁(yè)面模板，該模板中的交互式字段便不會(huì)顯示在上。您添加到該頁(yè)面的標(biāo)題和內(nèi)容框的任何信息都將顯示在該分區(qū)中。

將“頁(yè)面”分區(qū)添加到主頁(yè)

PC：

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

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

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

2. 點(diǎn)擊頁(yè)面，然后點(diǎn)擊選擇。

3. 在頁(yè)面區(qū)域中，點(diǎn)擊選擇頁(yè)面。

4. 選擇要顯示其內(nèi)容的頁(yè)面，然后點(diǎn)擊選擇。您只能從當(dāng)前可見(jiàn)的頁(yè)面中進(jìn)行選擇。如果您需要?jiǎng)?chuàng)建新頁(yè)面，請(qǐng)選擇創(chuàng)建頁(yè)面。

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

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

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

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

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

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

5. 輕觸編輯。

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

2. 點(diǎn)擊頁(yè)面，然后點(diǎn)擊選擇。

3. 在頁(yè)面區(qū)域中，點(diǎn)擊選擇頁(yè)面。

4. 選擇要顯示其內(nèi)容的頁(yè)面，然后點(diǎn)擊選擇。您只能從當(dāng)前可見(jiàn)的頁(yè)面中進(jìn)行選擇。如果您需要?jiǎng)?chuàng)建新頁(yè)面，請(qǐng)選擇創(chuàng)建頁(yè)面。

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

安卓系統(tǒng)：

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

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

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

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

5. 輕觸編輯。

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

2. 點(diǎn)擊頁(yè)面，然后點(diǎn)擊選擇。

3. 在頁(yè)面區(qū)域中，點(diǎn)擊選擇頁(yè)面。

4. 選擇要顯示其內(nèi)容的頁(yè)面，然后點(diǎn)擊選擇。您只能從當(dāng)前可見(jiàn)的頁(yè)面中進(jìn)行選擇。如果您需要?jiǎng)?chuàng)建新頁(yè)面，請(qǐng)選擇創(chuàng)建頁(yè)面。

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

Multi-column

Version 1.11.0+

With Express, you can add a section with multiple columns of content. You can add up to four columns to each multi-column section.

The multi-column section includes the following settings:

Column settings

• Image - Add an image to the column.

• Heading - Add primary text to the column.

• Text - Add secondary text to the column.

Section settings

• Heading - Add primary text for the section.

• Button label - Add the text that you want to appear on the button.

• 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 don't want to include a button in the section, then leave this field empty.

Layout options

• Alignment - Select the alignment for the elements in each column.

• Mobile layout - Choose whether the columns in the section appear stacked or in a grid on mobile devices.

• Image size - Select the size of the images the columns.

• Keep image ratio - Select this option to prevent your selected images from being cropped. If you leave this option unchecked, then images are cropped into a square.

• Enable secondary background and text color - Select this option to use the secondary background text color for the headings and text, and the secondary background color for the section. These colors can be modified in the theme settings.

Add a multi-column section to your home page

PC：

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

2. Next to Express, click Customize.

1. Click Add section.

2. Click **Multi-column*, and then click **Select**.

3. Click Add column to add a column to the section.

4. Click on the column in the Content section to add content to the column.

5. Use the settings to customize the section.

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

5. Tap Edit.

1. Click Add section.

2. Click **Multi-column*, and then click **Select**.

3. Click Add column to add a column to the section.

4. Click on the column in the Content section to add content to the column.

5. Use the settings to customize the section.

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

5. Tap Edit.

1. Click Add section.

2. Click **Multi-column*, and then click **Select**.

3. Click Add column to add a column to the section.

4. Click on the column in the Content section to add content to the column.

5. Use the settings to customize the section.

6. Click Save.

Page

Version 1.10.0+

You can feature the rich text content of a page on your home page. You might use this section to feature content from a store policies page or an about us page.

This section always uses the default page template, even if a different template is applied. For example, if you add a contact us page that uses a page.contact template to the section, then the interactive fields from that template don't appear on the home page. Any information you add to the Title and Content boxes for the page appears in the section.

Add a Page section to your home

PC：

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

2. Next to Express, click Customize.

1. Click Add section.

2. Click Page, and then click Select.

3. In the Page area, click Select page.

4. Select the page whose content you want to display, and then click Select. You can select only from pages that are currently visible. If you need to create a new page, then select Create page.

5. 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 Add section.

2. Click Page, and then click Select.

3. In the Page area, click Select page.

4. Select the page whose content you want to display, and then click Select. You can select only from pages that are currently visible. If you need to create a new page, then select Create page.

5. 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 Add section.

2. Click Page, and then click Select.

3. In the Page area, click Select page.

4. Select the page whose content you want to display, and then click Select. You can select only from pages that are currently visible. If you need to create a new page, then select Create page.

5. 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)系。