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:
在 Shopify 后臺中,轉(zhuǎn)到在線商店 > 模板。
點擊 的分區(qū) 旁邊的自定義。
點擊添加分區(qū)。
點擊帶文本圖片,然后點擊選擇。
在圖片區(qū)域中,點擊選擇圖片,然后執(zhí)行以下操作之一:
若要選擇已上傳到 Shopify 后臺的圖片,請點擊庫選項卡。
若要從 Burst 中選擇庫存圖片,請點擊免費圖片選項卡。您可在此處輸入,或瀏覽圖片類別。
若要從本地計算機選擇圖片,請點擊庫選項卡,然后點擊上傳。
使用設(shè)置來對帶文本圖片分區(qū)進行自定義。
點擊保存。
蘋果系統(tǒng):
在 Shopify 應(yīng)用中,輕觸商店。
在銷售渠道部分,輕觸在線商店。
輕觸 Manage themes(管理模板)。
在 的分區(qū) 旁邊,輕觸自定義。
輕觸編輯。
點擊添加分區(qū)。
點擊帶文本圖片,然后點擊選擇。
在圖片區(qū)域中,點擊選擇圖片,然后執(zhí)行以下操作之一:
若要選擇已上傳到 Shopify 后臺的圖片,請點擊庫選項卡。
若要從 Burst 中選擇庫存圖片,請點擊免費圖片選項卡。您可在此處輸入搜索詞,或瀏覽圖片類別。
若要從本地計算機選擇圖片,請點擊庫選項卡,然后點擊上傳。
使用設(shè)置來對帶文本圖片分區(qū)進行自定義。
點擊保存。
安卓系統(tǒng):
在 應(yīng)用中,輕觸商店。
在銷售渠道部分,輕觸在線商店。
輕觸 Manage themes(管理模板)。
在 的分區(qū) 旁邊,輕觸自定義。
輕觸編輯。
點擊添加分區(qū)。
點擊帶文本圖片,然后點擊選擇。
在圖片區(qū)域中,點擊選擇圖片,然后執(zhí)行以下操作之一:
若要選擇已上傳到 Shopify 后臺的圖片,請點擊庫選項卡。
若要從 Burst 中選擇庫存圖片,請點擊免費圖片選項卡。您可在此處輸入,或瀏覽圖片類別。
若要從本地計算機選擇圖片,請點擊庫選項卡,然后點擊上傳。
使用設(shè)置來對帶文本圖片分區(qū)進行自定義。
點擊保存。
您可以在主頁上使用帶文本圖片疊加分區(qū)向客戶顯示自定義消息。您的消息可以介紹產(chǎn)品、分享公告或歡迎客戶訪問您的商店。
帶文本疊加的圖片分區(qū)包括以下設(shè)置:
設(shè)置
分區(qū)間距 - 選擇此分區(qū)的大小,無論是小、中、大,還是特大均可。
圖片 - 添加要在分區(qū)中顯示的圖片。
圖片對齊方式 - 選擇要在分區(qū)中對齊圖片的方式。
文本
標題 - 向您的分區(qū)添加標題。
文本 - 向您的分區(qū)添加正文文本。
文本大小 - 設(shè)置標題和正文文本的大小。
使用輔助按鈕樣式 - 以帶有實線輪廓的透明狀顯示按鈕。
按鈕標簽 - 向分區(qū)添加帶文本標簽的按鈕。
按鈕鏈接 - 設(shè)置您希望按鈕鏈接到的 URL 或頁面。粘貼 URL 或從菜單中選擇一個頁面。如果您不想在分區(qū)中包含按鈕,請將此字段留空。
疊加
顯示疊加 - 在圖片上添加一層顏色。疊加層可以使文本更易于閱讀。
疊加顏色 - 設(shè)置疊加層的顏色。
文本顏色 - 設(shè)置標題和文本的顏色。如果背景圖片較暗,選擇淺色文本會使文本更易于閱讀。
不透明度 - 設(shè)置疊加的不透明度。
PC:
在 Shopify 后臺中,轉(zhuǎn)到在線商店 > 模板。
點擊 的分區(qū) 旁邊的自定義。
點擊添加分區(qū)。
點擊帶文本疊加的圖片,然后點擊選擇。
在圖片區(qū)域中,點擊選擇圖片,然后執(zhí)行以下操作之一:
若要選擇已上傳到 Shopify 后臺的圖片,請點擊庫選項卡。
若要從 Burst 中選擇庫存圖片,請點擊免費圖片選項卡。您可在此處輸入搜索詞,或瀏覽圖片類別。
若要從本地計算機選擇圖片,請點擊庫選項卡,然后點擊上傳。
使用設(shè)置來對您的分區(qū)進行自定義。
點擊保存。
蘋果系統(tǒng):
在 Shopify 應(yīng)用中,輕觸商店。
在銷售渠道部分,輕觸在線商店。
輕觸 Manage themes(管理模板)。
在 的分區(qū) 旁邊,輕觸自定義。
輕觸編輯。
點擊添加分區(qū)。
點擊帶文本疊加的圖片,然后點擊選擇。
在圖片區(qū)域中,點擊選擇圖片,然后執(zhí)行以下操作之一:
若要選擇已上傳到 Shopify 的圖片,請點擊庫選項卡。
若要從 Burst 中選擇庫存圖片,請點擊免費圖片選項卡。您可在此處輸入搜索詞,或瀏覽圖片類別。
若要從本地計算機選擇圖片,請點擊庫選項卡,然后點擊上傳。
使用設(shè)置來對您的分區(qū)進行自定義。
點擊保存。
安卓系統(tǒng):
在 Shopify 應(yīng)用中,輕觸商店。
在銷售渠道部分,輕觸在線商店。
輕觸 Manage themes(管理模板)。
在 的分區(qū) 旁邊,輕觸自定義。
輕觸編輯。
點擊添加分區(qū)。
點擊帶文本疊加的圖片,然后點擊選擇。
在圖片區(qū)域中,點擊選擇圖片,然后執(zhí)行以下操作之一:
若要選擇已上傳到 Shopify 后臺的圖片,請點擊庫選項卡。
若要從 Burst 中選擇庫存圖片,請點擊免費圖片選項卡。您可在此處輸入搜索詞,或瀏覽圖片類別。
若要從本地計算機選擇圖片,請點擊庫選項卡,然后點擊上傳。
使用設(shè)置來對您的分區(qū)進行自定義。
點擊保存。
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:
From your Shopify admin, go to Online Store > Themes.
Next to Narrative, click Customize.
Click Add section.
Click Image with text, and then click Select.
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.
Use the settings to customize your image with text section.
Click Save.
iPhone:
From the Shopify app, tap Store.
In the Sales channels section, tap Online Store.
Tap Manage themes.
Next to Narrative, tap Customize.
Tap Edit.
Click Add section.
Click Image with text, and then click Select.
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.
Use the settings to customize your image with text section.
Click Save.
Android:
From the Shopify app, tap Store.
In the Sales channels section, tap Online Store.
Tap Manage themes.
Next to Narrative, tap Customize.
Tap Edit.
Click Add section.
Click Image with text, and then click Select.
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.
Use the settings to customize your image with text section.
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 Small, Medium, Large, 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:
From your Shopify admin, go to Online Store > Themes.
Next to Narrative, click Customize.
Click Add section.
Click Image with text overlay then click Select.
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.
Use the settings to customize your section.
Click Save.
PC:
From your Shopify admin, go to Online Store > Themes.
Next to Narrative, click Customize.
Click Add section.
Click Image with text overlay then click Select.
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.
Use the settings to customize your section.
Click Save.
iPhone:
From the Shopify app, tap Store.
In the Sales channels section, tap Online Store.
Tap Manage themes.
Next to Narrative, tap Customize.
Tap Edit.
Click Add section.
Click Image with text overlay then click Select.
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.
Use the settings to customize your section.
Click Save.
Android:
From the Shopify app, tap Store.
In the Sales channels section, tap Online Store.
Tap Manage themes.
Next to Narrative, tap Customize.
Tap Edit.
Click Add section.
Click Image with text overlay then click Select.
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.
Use the settings to customize your section.
Click Save.
特別聲明:以上文章內(nèi)容僅代表作者本人觀點,不代表ESG跨境電商觀點或立場。如有關(guān)于作品內(nèi)容、版權(quán)或其它問題請于作品發(fā)表后的30日內(nèi)與ESG跨境電商聯(lián)系。
二維碼加載中...
使用微信掃一掃登錄
使用賬號密碼登錄
平臺顧問
微信掃一掃
馬上聯(lián)系在線顧問
小程序
ESG跨境小程序
手機入駐更便捷
返回頂部