shopify商店Express 分區(qū)自定義帶文本的圖片步驟-ESG跨境

shopify商店Express 分區(qū)自定義帶文本的圖片步驟

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

通過(guò) Express,您可以在圖片的右側(cè)或左側(cè)添加顯示文本的圖片。您還可以添加鏈接到其他頁(yè)面的按鈕。

帶文本的圖片

通過(guò) Express,您可以在圖片的右側(cè)或左側(cè)添加顯示文本的圖片。您還可以添加鏈接到其他頁(yè)面的按鈕。

您可以使用帶有文本的圖片分區(qū)來(lái)宣傳特定產(chǎn)品或系列。

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

  • 圖片 - 添加要包含在分區(qū)中的圖片。您可以、使用先前上傳的圖片或從 Burst 中選擇免費(fèi)的庫(kù)存圖片。

  • 標(biāo)題 - 添加與圖片配對(duì)的主要文本。

  • 文本 - 添加與圖片配對(duì)的輔助文本。此文本顯示在標(biāo)題文本下方。

  • 按鈕 - 添加您希望在按鈕上顯示的文本。

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

布局選項(xiàng)

  • 桌面 - 在從臺(tái)式機(jī)查看時(shí),選擇分區(qū)中的圖片顯示在左側(cè)還是右側(cè)。若要在左側(cè)顯示圖片,請(qǐng)先選擇圖片在前。

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

  • 輔助背景 - 選擇是否向該分區(qū)添加輔助背景色。選擇部分可將背景色添加到分區(qū)的前 3/5。該顏色可以在模板設(shè)置中進(jìn)行修改。該顏色可以在模板設(shè)置中進(jìn)行修改。

  • 文本大小 - 選擇分區(qū)中標(biāo)題和文本的相對(duì)大小。

  • 保持圖片比 - 選擇此選項(xiàng)以防止裁剪所選圖片。如果未選中此選項(xiàng),圖片將裁剪為正方形。

  • 啟用輔助文本顏色 - 選擇此選項(xiàng)即可使用標(biāo)題和文本的輔助背景文本顏色。該顏色可以在模板設(shè)置中進(jìn)行修改。

向主頁(yè)添加帶文本圖片分區(qū)

PC:

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

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

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

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

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

  • 若要選擇已上傳到 Shopify 后臺(tái)的圖片,請(qǐng)點(diǎn)擊庫(kù)選項(xiàng)卡。

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

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

  1. 使用設(shè)置來(lái)自定義分區(qū)。

  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í)行以下操作之一:

  • 若要選擇已上傳到 后臺(tái)的圖片,請(qǐng)點(diǎn)擊庫(kù)選項(xiàng)卡。

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

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

  1. 使用設(shè)置來(lái)自定義分區(qū)。

  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 后臺(tái)的圖片,請(qǐng)點(diǎn)擊庫(kù)選項(xiàng)卡。

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

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

  1. 使用設(shè)置來(lái)自定義分區(qū)。

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

Image with text

With Express, you can add an image with text displayed to the right or left of the image. You can also add a button that links to another page.

You might use an image with text section to advertise a specific product or collection.

The image with text section includes the following settings:

  • Image - Add an image to include in the section. You can upload an image, use a previously-uploaded image, or select a free stock image from Burst.

  • Heading - Add primary text to pair with the image.

  • Text - Add secondary text to pair with the image. This text appears below the heading text.

  • Button label - Add the text that you want to appear on the button.

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

Layout options

  • Desktop - Choose whether the image in the section appears on the left or right when viewed from a desktop computer. To display the image on the left, select Image first.

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

  • Secondary background - Choose whether to add a secondary background color to the section. Select Partial to add the background color to the top three-fifths of the section. This color can be modified in the theme settings.

  • Text size - Choose the relative size of the heading and text in the section.

  • Keep image ratio - Select this option to prevent your selected image from being cropped. If you leave this option unchecked, then the image is cropped into a square.

  • Enable secondary text color - Select this option to use the secondary background text color for the heading and text. This color can be modified in the theme settings.

Add an Image with text section to your home page

PC:

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

  2. Next to Express, 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 the 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 Express, 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 the 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 Express, 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 the section.

  2. Click Save.



特別聲明:以上文章內(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)銷指南》
《開店大全-全球合集》
《開店大全-主流平臺(tá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ì)、開店選品、入駐條件盡在掌握
立即領(lǐng)取
進(jìn)行中
進(jìn)行中
全球平臺(tái)詳解——拉美篇
涵蓋9大熱門拉美電商平臺(tái),成熟的市場(chǎng)是跨境賣家的熱門選擇!
立即領(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)取