shopify商店Narrative分區(qū)自定義圖片步驟-ESG跨境

shopify商店Narrative分區(qū)自定義圖片步驟

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

Narrative 包含帶文本圖片分區(qū),可讓您向客戶顯示帶有自定義消息的圖片。

帶文本的圖片

Narrative 包含帶文本圖片分區(qū),可讓您向客戶顯示帶有自定義消息的圖片。

您可以選擇圖片對齊,確保從移動設(shè)備查看時圖片的重要部分不會被裁剪。例如,如果您不希望裁剪圖片的底部,因?yàn)樵摬糠诛@示的是您正在銷售的產(chǎn)品,那么您可以選擇底部居中對齊方式,確保圖片的該部分不會被裁剪。

帶文本圖片分區(qū)包括以下設(shè)置:

設(shè)置

  • 分區(qū)高度 - 選擇此分區(qū)的大小。

  • 背景色 - 為分區(qū)設(shè)置背景色。

圖片

  • 圖片 - 添加要在分區(qū)中顯示的圖片。

  • 圖片樣式 - 選擇圖片的裁剪樣式。選擇則不用裁剪圖片。

  • 圖片位置 - 選擇框架內(nèi)圖片的對齊方式。

文本

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

  • 文本 - 將文本添加到此分區(qū)。

  • 使用輔助按鈕樣式 - 以帶有實(shí)線輪廓的透明狀顯示按鈕。

  • 按鈕標(biāo)簽 - 向分區(qū)添加帶文本的按鈕。

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

圖片對齊方式

  • 桌面 - 在從臺式機(jī)查看時,選擇分區(qū)中的圖片顯示在左側(cè)還是右側(cè)。

  • 移動 - 選擇從移動設(shè)備查看時,分區(qū)中的圖片是首先顯示還是第二顯示。

將帶文本圖片添加到主頁

PC:

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

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

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

  2. 點(diǎn)擊帶文本圖片,然后點(diǎn)擊選擇。

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

  • 若要選擇已上傳到 Shopify 后臺的圖片,請點(diǎn)擊選項(xiàng)卡。

  • 若要從 Burst 中選擇庫存圖片,請點(diǎn)擊免費(fèi)圖片選項(xiàng)卡。您可在此處輸入,或?yàn)g覽圖片類別。

  • 若要從本地計(jì)算機(jī)選擇圖片,請點(diǎn)擊選項(xiàng)卡,然后點(diǎn)擊上傳。

  1. 使用設(shè)置來對帶文本圖片分區(qū)進(jìn)行自定義。

  2. 點(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. 圖片區(qū)域中,點(diǎn)擊選擇圖片,然后執(zhí)行以下操作之一:

  • 若要選擇已上傳到 Shopify 后臺的圖片,請點(diǎn)擊選項(xiàng)卡。

  • 若要從 Burst 中選擇庫存圖片,請點(diǎn)擊免費(fèi)圖片選項(xiàng)卡。您可在此處輸入搜索詞,或?yàn)g覽圖片類別。

  • 若要從本地計(jì)算機(jī)選擇圖片,請點(diǎn)擊選項(xiàng)卡,然后點(diǎn)擊上傳

  1. 使用設(shè)置來對帶文本圖片分區(qū)進(jìn)行自定義。

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


安卓系統(tǒng):

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

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

  3. 輕觸 Manage themes(管理模板)。

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

  5. 輕觸編輯。

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

  2. 點(diǎn)擊帶文本圖片,然后點(diǎn)擊選擇。

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

  • 若要選擇已上傳到 Shopify 后臺的圖片,請點(diǎn)擊選項(xiàng)卡。

  • 若要從 Burst 中選擇庫存圖片,請點(diǎn)擊免費(fèi)圖片選項(xiàng)卡。您可在此處輸入,或?yàn)g覽圖片類別。

  • 若要從本地計(jì)算機(jī)選擇圖片,請點(diǎn)擊選項(xiàng)卡,然后點(diǎn)擊上傳。

  1. 使用設(shè)置來對帶文本圖片分區(qū)進(jìn)行自定義。

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

帶文本疊加的圖片

您可以在主頁上使用帶文本圖片疊加分區(qū)向客戶顯示自定義消息。您的消息可以介紹產(chǎn)品、分享公告或歡迎客戶訪問您的商店。

帶文本疊加的圖片分區(qū)包括以下設(shè)置:

設(shè)置

  • 分區(qū)間距 - 選擇此分區(qū)的大小,無論是、,還是特大均可。

  • 圖片 - 添加要在分區(qū)中顯示的圖片。

  • 圖片對齊方式 - 選擇要在分區(qū)中對齊圖片的方式。

文本

  • 標(biāo)題 - 向您的分區(qū)添加標(biāo)題。

  • 文本 - 向您的分區(qū)添加正文文本。

  • 文本大小 - 設(shè)置標(biāo)題和正文文本的大小。

  • 使用輔助按鈕樣式 - 以帶有實(shí)線輪廓的透明狀顯示按鈕。

  • 按鈕標(biāo)簽 - 向分區(qū)添加帶文本標(biāo)簽的按鈕。

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

疊加

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

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

  • 文本顏色 - 設(shè)置標(biāo)題和文本的顏色。如果背景圖片較暗,選擇淺色文本會使文本更易于閱讀。

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

向主頁添加帶文本疊加的圖片

PC:

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

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

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

  2. 點(diǎn)擊帶文本疊加的圖片,然后點(diǎn)擊選擇。

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

  • 若要選擇已上傳到 Shopify 后臺的圖片,請點(diǎn)擊選項(xiàng)卡。

  • 若要從 Burst 中選擇庫存圖片,請點(diǎn)擊免費(fèi)圖片選項(xiàng)卡。您可在此處輸入搜索詞,或?yàn)g覽圖片類別。

  • 若要從本地計(jì)算機(jī)選擇圖片,請點(diǎn)擊選項(xiàng)卡,然后點(diǎn)擊上傳

  1. 使用設(shè)置來對您的分區(qū)進(jìn)行自定義。

  2. 點(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. 圖片區(qū)域中,點(diǎn)擊選擇圖片,然后執(zhí)行以下操作之一:

  • 若要選擇已上傳到 Shopify 的圖片,請點(diǎn)擊選項(xiàng)卡。

  • 若要從 Burst 中選擇庫存圖片,請點(diǎn)擊免費(fèi)圖片選項(xiàng)卡。您可在此處輸入搜索詞,或?yàn)g覽圖片類別。

  • 若要從本地計(jì)算機(jī)選擇圖片,請點(diǎn)擊選項(xiàng)卡,然后點(diǎn)擊上傳。

  1. 使用設(shè)置來對您的分區(qū)進(jìn)行自定義。

  2. 點(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. 圖片區(qū)域中,點(diǎn)擊選擇圖片,然后執(zhí)行以下操作之一:

  • 若要選擇已上傳到 Shopify 后臺的圖片,請點(diǎn)擊選項(xiàng)卡。

  • 若要從 Burst 中選擇庫存圖片,請點(diǎn)擊免費(fèi)圖片選項(xiàng)卡。您可在此處輸入搜索詞,或?yàn)g覽圖片類別。

  • 若要從本地計(jì)算機(jī)選擇圖片,請點(diǎn)擊選項(xiàng)卡,然后點(diǎn)擊上傳。

  1. 使用設(shè)置來對您的分區(qū)進(jìn)行自定義。

  2. 點(diǎn)擊保存

Image with text

Narrative includes an Image with text section that lets you show an image with a custom message to your customers.

You can select an image alignment to make sure that important parts of the image don't get cropped when viewed from mobile devices. For example, if you never want the bottom of your image cropped because it shows the product you are selling, then you can choose a bottom center alignment to make sure that part of the image doesn't get cropped.

The image with text section includes the following settings:

Settings

  • Section height - Choose how big you want this section to be.

  • Background color - Set a background color for the section.

Image

  • Image - Add an image to display in the section.

  • Image style - Choose the crop style for the image. Choose None to leave the image uncropped.

  • Image position - Choose the alignment of the image within the frame.

Text

  • Heading - Add a heading to the section.

  • Text - Add text to the section.

  • Use secondary button style - Display the button as a transparent button with a solid outline.

  • Button label - Add a button with a text label to the section.

  • 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.

Image alignment

  • Desktop - Choose whether the image in the section appears on the left or right when viewed from a desktop computer.

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

Add an image with text 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 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 your image with text 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 Narrative, 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 your image with text 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 Narrative, 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 your image with text section.

  2. Click Save.

Image with text overlay

You can display a custom message to your customers on your home page using the image with text overlay section. Your message could describe a product, share an announcement, or welcome customers to your store.

The image with text overlay section includes the following settings:

Settings

  • Section spacing - Choose how big you want this section to be, either SmallMediumLarge, or Extra large.

  • Image - Add an image to display in the section.

  • Image alignment - Choose how you want to align the image in the section.

Text

  • Heading - Add a title to your section.

  • Text - Add body text to your section.

  • Text size - Set the size of the heading and body text.

  • Use secondary button style - Display the button as a transparent button with a solid outline.

  • Button label - Add a button with a text label to the section.

  • 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.

Overlay

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

  • Overlay Color - Set the color of the overlay.

  • Text color - Set the color of your heading and text. If the background image is dark, picking a light text color makes the text easier to read.

  • Opacity - Set the opacity of your overlay.

Add an image with text overlay 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 Image with text overlay 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 your section.

  2. Click Save.

PC:

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

  2. Next to Narrative, click Customize.

  1. Click Add section.

  2. Click Image with text overlay 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 your 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 Narrative, tap Customize.

  5. Tap Edit.

  1. Click Add section.

  2. Click Image with text overlay 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 your 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 Narrative, tap Customize.

  5. Tap Edit.

  1. Click Add section.

  2. Click Image with text overlay 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 your section.

  2. Click Save.



特別聲明:以上文章內(nèi)容僅代表作者本人觀點(diǎn),不代表ESG跨境電商觀點(diǎn)或立場。如有關(guān)于作品內(nèi)容、版權(quán)或其它問題請于作品發(fā)表后的30日內(nèi)與ESG跨境電商聯(lián)系。

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

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

訂閱
聯(lián)系顧問

平臺顧問

平臺顧問 平臺顧問

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

icon icon

小程序

微信小程序

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

icon icon

返回頂部

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