您可以在您的在線商店中使用許多不同類型的圖片，包括公司 logo、產品圖片、幻燈片、橫幅和博客文章圖片。Shopify 的 Imagey 服務可管理您的圖片，確保在您在線商店中的相應位置盡可能顯示最適當的圖片格式。

在模板編輯器中上傳圖片

您可以在模板編輯器中為模板添加圖片。

步驟：

PC：

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

2. 找到您要編輯的模板，然后點擊自定義。

1. 使用下拉菜單選擇您要編輯的模板。

2. 在模板編輯器工具欄中，點擊要向其添加圖片的分區或塊。

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

• 若要從計算機上傳圖片，請點擊上傳。

• 若要使用 Burst 中的免費圖庫圖片，請點擊導出免費圖片。

4. 點擊圖片以在您的模板中查看圖片預覽。找到您要使用的圖片后，點擊選擇。

5. 點擊保存。

蘋果系統：

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

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

3. 輕觸管理模板。

4. 找到您要編輯的模板，然后輕觸自定義。

5. 輕觸編輯。

1. 使用下拉菜單選擇您要編輯的模板。

2. 在模板編輯器工具欄中，點擊要向其添加圖片的分區或塊。

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

• 若要從計算機上傳圖片，請點擊上傳。

• 若要使用 Burst 中的免費圖庫圖片，請點擊導出免費圖片。

4. 點擊圖片以在您的模板中查看圖片預覽。找到您要使用的圖片后，點擊選擇。

5. 點擊保存。

安卓系統：

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

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

3. 輕觸管理模板。

4. 找到您要編輯的模板，然后輕觸自定義。

5. 輕觸編輯。

1. 使用下拉菜單選擇您要編輯的模板。

2. 在模板編輯器工具欄中，點擊要向其添加圖片的分區或塊。

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

• 若要從計算機上傳圖片，請點擊上傳。

• 若要使用 Burst 中的免費圖庫圖片，請點擊導出免費圖片。

4. 點擊圖片以在您的模板中查看圖片預覽。找到您要使用的圖片后，點擊選擇。

5. 點擊保存。

使用元字段添加圖片

如果您為圖片設置了元字段，則您可以使用動態源選擇器添加圖片。有關元字段和支持的圖片格式的更多信息，請參閱元字段內容類型和值。

圖片橫幅

您可以使用以下元素創建圖片橫幅：

• 一張或兩張圖片

• 文本

• 一個操作按鈕

在臺式電腦上，橫幅圖片并排顯示。由于此格式不適合移動設備，因此您可以通過在圖片橫幅模板設置中選擇在移動設備上堆疊圖片選項來堆疊圖片橫幅圖片。有關圖片橫幅和幻燈片的詳細信息，請參閱適用于幻燈片和圖片橫幅的最佳做法。

Uploading images

You can use many different kinds of images on your online store, including your company logo, product images, slideshows, banners, and blog images. Shopify's Imagery service manages your images, ensuring the best possible image format is displayed at the appropriate place in your online store.

You can upload images on the Files page of your Shopify admin. This is useful because you can access these images while editing any of your themes. To learn more, see Uploading files to your website.

Upload images in the theme editor

You can add images to your theme in the theme editor.

Steps:

PC：

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

2. Find the theme that you want to edit, and then click Customize.

1. Use the dropdown menu to select the template you want to edit.

2. From the theme editor sidebar, click the section or block that you want to add an image to.

3. Click Select Image, and then do one of the following:

• To upload an image from your computer, click Upload.

• To use a free stock image from Burst, click Explore free images.

4. Click an image to see a preview of the image in your theme. After you find an image that you want to use, click Select.

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. Find the theme that you want to edit, and then tap Customize.

5. Tap Edit.

1. Use the dropdown menu to select the template you want to edit.

2. From the theme editor sidebar, click the section or block that you want to add an image to.

3. Click Select Image, and then do one of the following:

• To upload an image from your computer, click Upload.

• To use a free stock image from Burst, click Explore free images.

4. Click an image to see a preview of the image in your theme. After you find an image that you want to use, click Select.

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. Find the theme that you want to edit, and then tap Customize.

5. Tap Edit.

1. Use the dropdown menu to select the template you want to edit.

2. From the theme editor sidebar, click the section or block that you want to add an image to.

3. Click Select Image, and then do one of the following:

• To upload an image from your computer, click Upload.

• To use a free stock image from Burst, click Explore free images.

4. Click an image to see a preview of the image in your theme. After you find an image that you want to use, click Select.

5. Click Save.

Add an image by using metafields

If you have metafields set up for your images, then you can use the dynamic source picker to add an image. For more information about metafields and supported image formats, refer to Metafield content types and values.

Image banners

You can create image banners with the following elements:

• one or two images

• text

• an action button

On desktop computers, banner images are displayed side by side. Because this format isn't suited for mobile devices, you can stack your image banner pictures by selecting the Stack images on mobile option in the Image banner theme settings. For more information on image banners and slideshows, refer to Best practices for slideshow and image banners.

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