尤物精品_gay小说高h_成人免费va视频_涩涩18网站

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

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

shopify新聞
shopify新聞
2022-03-28
點贊icon 0
查看icon 842

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

帶文本的圖片

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

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

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

設(shè)置

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

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

圖片

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

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

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

文本

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

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

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

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

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

圖片對齊方式

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

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

將帶文本圖片添加到主頁

PC:

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

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

  1. 點擊添加分區(qū)

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

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

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

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

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

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

  2. 點擊保存

蘋果系統(tǒng):

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

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

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

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

  5. 輕觸編輯

  1. 點擊添加分區(qū)

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

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

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

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

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

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

  2. 點擊保存


安卓系統(tǒng):

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

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

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

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

  5. 輕觸編輯

  1. 點擊添加分區(qū)

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

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

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

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

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

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

  2. 點擊保存

帶文本疊加的圖片

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

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

設(shè)置

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

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

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

文本

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

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

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

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

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

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

疊加

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

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

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

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

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

PC:

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

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

  1. 點擊添加分區(qū)

  2. 點擊帶文本疊加的圖片,然后點擊選擇

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

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

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

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

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

  2. 點擊保存

蘋果系統(tǒng):

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

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

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

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

  5. 輕觸編輯

  1. 點擊添加分區(qū)

  2. 點擊帶文本疊加的圖片,然后點擊選擇

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

  • 若要選擇已上傳到 Shopify 的圖片,請點擊選項卡。

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

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

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

  2. 點擊保存

安卓系統(tǒng):

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

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

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

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

  5. 輕觸編輯

  1. 點擊添加分區(qū)

  2. 點擊帶文本疊加的圖片,然后點擊選擇

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

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

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

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

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

  2. 點擊保存

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)容僅代表作者本人觀點,不代表ESG跨境電商觀點或立場。如有關(guān)于作品內(nèi)容、版權(quán)或其它問題請于作品發(fā)表后的30日內(nèi)與ESG跨境電商聯(lián)系。

搜索 放大鏡
韓國平臺交流群
加入
韓國平臺交流群
掃碼進群
歐洲多平臺交流群
加入
歐洲多平臺交流群
掃碼進群
美國賣家交流群
加入
美國賣家交流群
掃碼進群
ESG跨境專屬福利分享群
加入
ESG跨境專屬福利分享群
掃碼進群
拉美電商交流群
加入
拉美電商交流群
掃碼進群
亞馬遜跨境增長交流群
加入
亞馬遜跨境增長交流群
掃碼進群
亞馬遜跨境增長交流群
加入
亞馬遜跨境增長交流群
掃碼進群
拉美電商交流群
加入
拉美電商交流群
掃碼進群
ESG獨家招商-PHH GROUP賣家交流群
加入
ESG獨家招商-PHH GROUP賣家交流群
掃碼進群
2025跨境電商營銷日歷
《2024年全球消費趨勢白皮書——美國篇》
《2024TikTok出海達人營銷白皮書》
《Coupang自注冊指南》
《eMAG知識百科》
《TikTok官方運營干貨合集》
《韓國節(jié)日營銷指南》
《開店大全-全球合集》
《TikTok綜合運營手冊》
《TikTok短視頻運營手冊》
通過ESG入駐平臺,您將解鎖
綠色通道,更高的入駐成功率
專業(yè)1v1客戶經(jīng)理服務(wù)
運營實操指導
運營提效資源福利
平臺官方專屬優(yōu)惠

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

訂閱
聯(lián)系顧問

平臺顧問

平臺顧問 平臺顧問

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

icon icon

小程序

微信小程序

ESG跨境小程序
手機入駐更便捷

icon icon

返回頂部