shopify在線商店上傳圖片和圖片橫幅介紹-ESG跨境

shopify在線商店上傳圖片和圖片橫幅介紹

shopify新聞
shopify新聞
2022-03-28
點(diǎn)贊icon 0
查看icon 1010

您可以在您的在線商店中使用許多不同類型的圖片,包括公司 logo、產(chǎn)品圖片、幻燈片、橫幅和博客文章圖片。Shopify 的 Imagey 服務(wù)可管理您的圖片,確保在您在線商店中的相應(yīng)位置盡可能顯示最適當(dāng)?shù)膱D片格式。

您可以在您的在線商店中使用許多不同類型的圖片,包括公司 logo、產(chǎn)品圖片、幻燈片、橫幅和博客文章圖片。Shopify 的 Imagey 服務(wù)可管理您的圖片,確保在您在線商店中的相應(yīng)位置盡可能顯示最適當(dāng)?shù)膱D片格式。

后臺(tái)的文件頁(yè)面中上傳圖片。這很有用,因?yàn)檫@使您能夠在編輯任何模板時(shí)訪問(wèn)這些圖片。有關(guān)詳細(xì)信息,請(qǐng)參閱將文件上傳到您的網(wǎng)站。


在模板編輯器中上傳圖片

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

步驟:

PC:

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

  2. 找到您要編輯的模板,然后點(diǎn)擊自定義

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

  2. 在模板編輯器工具欄中,點(diǎn)擊要向其添加圖片的分區(qū)或塊。

  3. 點(diǎn)擊選擇圖片,然后執(zhí)行以下操作之一:

    • 若要從計(jì)算機(jī)上傳圖片,請(qǐng)點(diǎn)擊上傳。

    • 若要使用 Burst 中的免費(fèi)圖庫(kù)圖片,請(qǐng)點(diǎn)擊導(dǎo)出免費(fèi)圖片。

  4. 點(diǎn)擊圖片以在您的模板中查看圖片預(yù)覽。找到您要使用的圖片后,點(diǎn)擊選擇。

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

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

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

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

  3. 輕觸管理模板。

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

  5. 輕觸編輯。

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

  2. 在模板編輯器工具欄中,點(diǎn)擊要向其添加圖片的分區(qū)或塊。

  3. 點(diǎn)擊選擇圖片,然后執(zhí)行以下操作之一:

    • 若要從計(jì)算機(jī)上傳圖片,請(qǐng)點(diǎn)擊上傳。

    • 若要使用 Burst 中的免費(fèi)圖庫(kù)圖片,請(qǐng)點(diǎn)擊導(dǎo)出免費(fèi)圖片。

  4. 點(diǎn)擊圖片以在您的模板中查看圖片預(yù)覽。找到您要使用的圖片后,點(diǎn)擊選擇。

  5. 點(diǎn)擊保存

安卓系統(tǒng):

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

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

  3. 輕觸管理模板。

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

  5. 輕觸編輯

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

  2. 在模板編輯器工具欄中,點(diǎn)擊要向其添加圖片的分區(qū)或塊。

  3. 點(diǎn)擊選擇圖片,然后執(zhí)行以下操作之一:

    • 若要從計(jì)算機(jī)上傳圖片,請(qǐng)點(diǎn)擊上傳

    • 若要使用 Burst 中的免費(fèi)圖庫(kù)圖片,請(qǐng)點(diǎn)擊導(dǎo)出免費(fèi)圖片。

  4. 點(diǎn)擊圖片以在您的模板中查看圖片預(yù)覽。找到您要使用的圖片后,點(diǎn)擊選擇。

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

使用元字段添加圖片

如果您為圖片設(shè)置了元字段,則您可以使用動(dòng)態(tài)源選擇器添加圖片。有關(guān)元字段和支持的圖片格式的更多信息,請(qǐng)參閱元字段內(nèi)容類型和值。

圖片橫幅

您可以使用以下元素創(chuàng)建圖片橫幅:

  • 一張或兩張圖片

  • 文本

  • 一個(gè)操作按鈕

在臺(tái)式電腦上,橫幅圖片并排顯示。由于此格式不適合移動(dòng)設(shè)備,因此您可以通過(guò)在圖片橫幅模板設(shè)置中選擇在移動(dòng)設(shè)備上堆疊圖片選項(xiàng)來(lái)堆疊圖片橫幅圖片。有關(guān)圖片橫幅和幻燈片的詳細(xì)信息,請(qǐng)參閱適用于幻燈片和圖片橫幅的最佳做法

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.



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

搜索 放大鏡
韓國(guó)平臺(tái)交流群
加入
韓國(guó)平臺(tái)交流群
掃碼進(jìn)群
歐洲多平臺(tái)交流群
加入
歐洲多平臺(tái)交流群
掃碼進(jìn)群
美國(guó)賣家交流群
加入
美國(guó)賣家交流群
掃碼進(jìn)群
ESG跨境專屬福利分享群
加入
ESG跨境專屬福利分享群
掃碼進(jìn)群
拉美電商交流群
加入
拉美電商交流群
掃碼進(jìn)群
亞馬遜跨境增長(zhǎng)交流群
加入
亞馬遜跨境增長(zhǎng)交流群
掃碼進(jìn)群
亞馬遜跨境增長(zhǎng)交流群
加入
亞馬遜跨境增長(zhǎng)交流群
掃碼進(jìn)群
拉美電商交流群
加入
拉美電商交流群
掃碼進(jìn)群
ESG獨(dú)家招商-PHH GROUP賣家交流群
加入
ESG獨(dú)家招商-PHH GROUP賣家交流群
掃碼進(jìn)群
《TikTok官方運(yùn)營(yíng)干貨合集》
《TikTok綜合運(yùn)營(yíng)手冊(cè)》
《TikTok短視頻運(yùn)營(yíng)手冊(cè)》
《TikTok直播運(yùn)營(yíng)手冊(cè)》
《TikTok全球趨勢(shì)報(bào)告》
《韓國(guó)節(jié)日營(yíng)銷指南》
《開(kāi)店大全-全球合集》
《開(kāi)店大全-主流平臺(tái)篇》
《開(kāi)店大全-東南亞篇》
《CD平臺(tái)自注冊(cè)指南》
通過(guò)ESG入駐平臺(tái),您將解鎖
綠色通道,更高的入駐成功率
專業(yè)1v1客戶經(jīng)理服務(wù)
運(yùn)營(yíng)實(shí)操指導(dǎo)
運(yùn)營(yíng)提效資源福利
平臺(tái)官方專屬優(yōu)惠

立即登記,定期獲得更多資訊

訂閱
聯(lián)系顧問(wèn)

平臺(tái)顧問(wèn)

平臺(tái)顧問(wèn) 平臺(tái)顧問(wèn)

微信掃一掃
馬上聯(lián)系在線顧問(wèn)

icon icon

小程序

微信小程序

ESG跨境小程序
手機(jī)入駐更便捷

icon icon

返回頂部

【免費(fèi)領(lǐng)取】全球跨境電商運(yùn)營(yíng)干貨 關(guān)閉
進(jìn)行中
進(jìn)行中
【活動(dòng)報(bào)名】2024年歐洲多藍(lán)海平臺(tái)招商沙龍
官方親臨,拆解phh group/eMAG/worten三個(gè)平臺(tái)商機(jī)
立即報(bào)名
進(jìn)行中
進(jìn)行中
TikTok運(yùn)營(yíng)必備干貨包
包含8個(gè)TikTok最新運(yùn)營(yíng)指南(市場(chǎng)趨勢(shì)、運(yùn)營(yíng)手冊(cè)、節(jié)日攻略等),官方出品,專業(yè)全面!
免費(fèi)領(lǐng)取
進(jìn)行中
進(jìn)行中
韓國(guó)電商節(jié)日營(yíng)銷指南
10+韓國(guó)電商重要營(yíng)銷節(jié)點(diǎn)詳細(xì)解讀;2024各節(jié)日熱度選品助力引爆訂單增長(zhǎng);8大節(jié)日營(yíng)銷技巧輕松撬動(dòng)大促流量密碼。
免費(fèi)領(lǐng)取
進(jìn)行中
進(jìn)行中
全球平臺(tái)詳解——全球合集
涵括全球100+個(gè)電商平臺(tái)的核心信息,包括平臺(tái)精煉簡(jiǎn)介、競(jìng)爭(zhēng)優(yōu)勢(shì)、熱銷品類、入駐要求以及入駐須知等關(guān)鍵內(nèi)容。
立即領(lǐng)取
進(jìn)行中
進(jìn)行中
全球平臺(tái)詳解——主流平臺(tái)篇
火爆全球的跨境電商平臺(tái)合集,平臺(tái)優(yōu)勢(shì)、開(kāi)店選品、入駐條件盡在掌握
立即領(lǐng)取
進(jìn)行中
進(jìn)行中
全球平臺(tái)詳解——拉美篇
涵蓋9大熱門(mén)拉美電商平臺(tái),成熟的市場(chǎng)是跨境賣家的熱門(mén)選擇!
立即領(lǐng)取
進(jìn)行中
進(jìn)行中
全球平臺(tái)詳解——日韓篇
涵蓋10+日韓電商平臺(tái),入駐條件一看就懂,優(yōu)勢(shì)熱銷品應(yīng)有盡有
立即領(lǐng)取
進(jìn)行中
進(jìn)行中
全球平臺(tái)詳解——?dú)W洲篇
涵蓋20+歐洲電商平臺(tái),詳細(xì)解讀優(yōu)勢(shì)、入駐條件、熱銷品等
立即領(lǐng)取