帶文本的圖片

通過 Express，您可以在圖片的右側或左側添加顯示文本的圖片。您還可以添加鏈接到其他頁面的按鈕。

您可以使用帶有文本的圖片分區來宣傳特定產品或系列。

帶文本圖片分區包括以下設置：

• 圖片 - 添加要包含在分區中的圖片。您可以、使用先前上傳的圖片或從 Burst 中選擇免費的庫存圖片。

• 標題 - 添加與圖片配對的主要文本。

• 文本 - 添加與圖片配對的輔助文本。此文本顯示在標題文本下方。

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

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

布局選項

• 桌面 - 在從臺式機查看時，選擇分區中的圖片顯示在左側還是右側。若要在左側顯示圖片，請先選擇圖片在前。

• 移動 - 選擇從移動設備查看時，分區中的圖片是首先顯示還是第二顯示。

• 輔助背景 - 選擇是否向該分區添加輔助背景色。選擇部分可將背景色添加到分區的前 3/5。該顏色可以在模板設置中進行修改。該顏色可以在模板設置中進行修改。

• 文本大小 - 選擇分區中標題和文本的相對大小。

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

• 啟用輔助文本顏色 - 選擇此選項即可使用標題和文本的輔助背景文本顏色。該顏色可以在模板設置中進行修改。

向主頁添加帶文本圖片分區

PC：

1. 在 Shopify 后臺中，轉到在線商店 > 模板。

2. 點擊 分區 旁邊的自定義。

1. 點擊添加分區。

2. 點擊帶文本圖片，然后點擊選擇。

3. 在圖片區域中，點擊選擇圖片，然后執行以下操作之一：

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

• 若要從 Burst 中選擇庫存圖片，請點擊免費圖片選項卡。您可在此處輸入，或瀏覽圖片類別。

• 若要從本地計算機選擇圖片，請點擊庫選項卡，然后點擊上傳。

1. 使用設置來自定義分區。

2. 點擊保存。

蘋果系統：

1. 在 Shopify 應用中，輕觸商店。

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

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

4. 在 分區 旁邊，輕觸自定義。

5. 輕觸編輯。

1. 點擊添加分區。

2. 點擊帶文本圖片，然后點擊選擇。

3. 在圖片區域中，點擊選擇圖片，然后執行以下操作之一：

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

• 若要從 Burst 中選擇庫存圖片，請點擊免費圖片選項卡。您可在此處輸入搜索詞，或瀏覽圖片類別。

• 若要從本地計算機選擇圖片，請點擊庫選項卡，然后點擊上傳。

1. 使用設置來自定義分區。

2. 點擊保存。

安卓系統：

1. 在 Shopify 應用中，輕觸商店。

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

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

4. 在 分區 旁邊，輕觸自定義。

5. 輕觸編輯。

1. 點擊添加分區。

2. 點擊帶文本圖片，然后點擊選擇。

3. 在圖片區域中，點擊選擇圖片，然后執行以下操作之一：

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

• 若要從 Burst 中選擇庫存圖片，請點擊免費圖片選項卡。您可在此處輸入搜索詞，或瀏覽圖片類別。

• 若要從本地計算機選擇圖片，請點擊庫選項卡，然后點擊上傳。

1. 使用設置來自定義分區。

2. 點擊保存。

Image with text

With Express, you can add an image with text displayed to the right or left of the image. You can also add a button that links to another page.

You might use an image with text section to advertise a specific product or collection.

The image with text section includes the following settings:

• Image - Add an image to include in the section. You can upload an image, use a previously-uploaded image, or select a free stock image from Burst.

• Heading - Add primary text to pair with the image.

• Text - Add secondary text to pair with the image. This text appears below the heading text.

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

Layout options

• Desktop - Choose whether the image in the section appears on the left or right when viewed from a desktop computer. To display the image on the left, select Image first.

• Mobile - Choose whether the image in the section appears first or second when viewed from a mobile device.

• Secondary background - Choose whether to add a secondary background color to the section. Select Partial to add the background color to the top three-fifths of the section. This color can be modified in the theme settings.

• Text size - Choose the relative size of the heading and text in the section.

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

• Enable secondary text color - Select this option to use the secondary background text color for the heading and text. This color can be modified in the theme settings.

Add an Image with text 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 Image with text, and then click Select.

3. In the 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 a stock image from Burst, click the Free images tab. From here you can enter a search term, or browse the image categories.

• To select an image from your local computer, click the Library tab, and then click Upload.

1. Use the settings to customize the section.

2. 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 Image with text, and then click Select.

3. In the 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 a stock image from Burst, click the Free images tab. From here you can enter a search term, or browse the image categories.

• To select an image from your local computer, click the Library tab, and then click Upload.

1. Use the settings to customize the section.

2. 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 Image with text, and then click Select.

3. In the 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 a stock image from Burst, click the Free images tab. From here you can enter a search term, or browse the image categories.

• To select an image from your local computer, click the Library tab, and then click Upload.

1. Use the settings to customize the section.

2. Click Save.

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