shopify模板自定義徽章和圖標(biāo)步驟-ESG跨境

shopify模板自定義徽章和圖標(biāo)步驟

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

當(dāng)價(jià)格下降或庫(kù)存計(jì)數(shù)達(dá)到 0 時(shí),系統(tǒng)會(huì)自動(dòng)將徽章促銷(xiāo)和售完徽章添加到您的產(chǎn)品圖片中。您可以調(diào)整徽章的位置、形狀和顏色。

徽章

當(dāng)價(jià)格下降或庫(kù)存計(jì)數(shù)達(dá)到 0 時(shí),系統(tǒng)會(huì)自動(dòng)將徽章促銷(xiāo)和售完徽章添加到您的產(chǎn)品圖片中。您可以調(diào)整徽章的位置、形狀和顏色。

Page 和 Blog 徽章會(huì)顯示在相關(guān)的搜索結(jié)果中。您可以自定義這些徽章的位置和形狀,但不能自定義顏色。

自定義徽章

PC:

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

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

3.點(diǎn)擊模板設(shè)置。4. 點(diǎn)擊徽章。5. 使用下拉菜單選擇產(chǎn)品卡中的徽章位置。在左上方、右上方、左下方(默認(rèn))或右下方之間選擇。6. 添加具有角半徑滑動(dòng)標(biāo)尺的圓角。將角半徑設(shè)置為 0px 會(huì)產(chǎn)生方形徽章邊緣,而增加半徑范圍會(huì)舍入徽章邊緣。6. 為您的徽章選擇配色方案。您可以為售完的商品設(shè)置替代配色方案。7. 點(diǎn)擊保存。

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

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

  2. 銷(xiāo)售渠道部分,輕觸在線商店。

  3. 輕觸管理模板。

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

  5. 輕觸編輯。

6.點(diǎn)擊模板設(shè)置。7. 點(diǎn)擊徽章。8. 使用下拉菜單選擇產(chǎn)品卡中的徽章位置。在左上方、右上方、左下方(默認(rèn))或右下方之間選擇。9. 添加具有角半徑滑動(dòng)標(biāo)尺的圓角。將角半徑設(shè)置為 0px 會(huì)產(chǎn)生方形徽章邊緣,而增加半徑范圍會(huì)舍入徽章邊緣。10. 為您的徽章選擇配色方案。您可以為售完的商品設(shè)置替代配色方案。11. 點(diǎn)擊保存。

安卓系統(tǒng):

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

  2. 在銷(xiāo)售渠道部分,輕觸在線商店。

  3. 輕觸管理模板。

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

  5. 輕觸編輯。

6.點(diǎn)擊模板設(shè)置。7. 點(diǎn)擊徽章。8. 使用下拉菜單卡中的徽章位置。在左上方、右上方、左下方(默認(rèn))或右下方之間選擇。9. 添加具有角半徑滑動(dòng)標(biāo)尺的圓角。將角半徑設(shè)置為 0px 會(huì)產(chǎn)生方形徽章邊緣,而增加半徑范圍會(huì)舍入徽章邊緣。10. 為您的徽章選擇配色方案。您可以為售完的商品設(shè)置替代配色方案。11. 點(diǎn)擊保存。

圖標(biāo)

圖標(biāo)是可添加到某些分區(qū)或塊的小圖片。在“模板”設(shè)置中設(shè)置圖標(biāo)的配色方案。

自定義圖標(biāo)

PC:

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

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

  1. 點(diǎn)擊模板設(shè)置。

  2. 點(diǎn)擊圖標(biāo)

  3. 使用下拉菜單選擇圖標(biāo)的默認(rèn)顏色。在“主題色 1”、“主題色 2”、“輪廓”按鈕或商店圖標(biāo)的文本顏色之間選擇。

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

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

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

  2. 銷(xiāo)售渠道部分,輕觸在線商店。

  3. 輕觸管理模板。

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

  5. 輕觸編輯

  1. 點(diǎn)擊模板設(shè)置。

  2. 點(diǎn)擊圖標(biāo)

  3. 使用下拉菜單選擇圖標(biāo)的默認(rèn)顏色。在“主題色 1”、“主題色 2”、“輪廓”按鈕或商店圖標(biāo)的文本顏色之間選擇。

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

安卓系統(tǒng):

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

  2. 銷(xiāo)售渠道部分,輕觸

  3. 輕觸管理模板。

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

  5. 輕觸編輯。

  1. 點(diǎn)擊模板設(shè)置。

  2. 點(diǎn)擊圖標(biāo)

  3. 使用下拉菜單選擇圖標(biāo)的默認(rèn)顏色。在“主題色 1”、“主題色 2”、“輪廓”按鈕或商店圖標(biāo)的文本顏色之間選擇。

  4. 點(diǎn)擊保存

Badges

Sale and Sold out badges are automatically added to your product images when the price drops, or when the inventory count reaches 0. You can adjust the position, shape, and color of your badges.

Page and Blog badges appear on relevant search results. You can customize the position and shape of these badges, but not the color.

Customize badges

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. Click Theme settings.

  2. Click Badges.

  3. Use the dropdown menu to select the badge position within product cards. Choose between top left, top right, bottom left (default), or bottom right.

  4. Add rounded corners with the Corner radius sliding scale. Setting the corner radius to 0px duces square badge edges, and increasing the radius rounds the edges of the badges.

  5. Choose a Color scheme for your badges. You can set an alternate color scheme for sold out items.

  6. 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. Click Theme settings.

  2. Click Badges.

  3. Use the dropdown menu to select the badge position within product cards. Choose between top left, top right, bottom left (default), or bottom right.

  4. Add rounded corners with the Corner radius sliding scale. Setting the corner radius to 0px produces square badge edges, and increasing the radius rounds the edges of the badges.

  5. Choose a Color scheme for your badges. You can set an alternate color scheme for sold out items.

  6. 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. Click Theme settings.

  2. Click Badges.

  3. Use the dropdown menu to select the badge position within product cards. Choose between top left, top right, bottom left (default), or bottom right.

  4. Add rounded corners with the Corner radius sliding scale. Setting the corner radius to 0px produces square badge edges, and increasing the radius rounds the edges of the badges.

  5. Choose a Color scheme for your badges. You can set an alternate color scheme for sold out items.

  6. Click Save.


Icons

Icons are small images that can be added to certain sections or blocks. Set the color scheme for your icons in Theme settings.

Customize icons

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. Click Theme settings.

  2. Click Icons

  3. Use the dropdown menu to select the default color for your icons. Choose between Accent 1, Accent 2, Outline button, or text color for your store icons.

  4. 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. Click Theme settings.

  2. Click Icons

  3. Use the dropdown menu to select the default color for your icons. Choose between Accent 1, Accent 2, Outline button, or text color for your store icons.

  4. 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. Click Theme settings.

  2. Click Icons

  3. Use the dropdown menu to select the default color for your icons. Choose between Accent 1, Accent 2, Outline button, or text color for your store icons.

  4. 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ó)賣(mài)家交流群
加入
美國(guó)賣(mài)家交流群
掃碼進(jìn)群
ESG跨境專(zhuān)屬福利分享群
加入
ESG跨境專(zhuān)屬福利分享群
掃碼進(jìn)群
拉美電商交流群
加入
拉美電商交流群
掃碼進(jìn)群
亞馬遜跨境增長(zhǎng)交流群
加入
亞馬遜跨境增長(zhǎng)交流群
掃碼進(jìn)群
亞馬遜跨境增長(zhǎng)交流群
加入
亞馬遜跨境增長(zhǎng)交流群
掃碼進(jìn)群
拉美電商交流群
加入
拉美電商交流群
掃碼進(jìn)群
ESG獨(dú)家招商-PHH GROUP賣(mài)家交流群
加入
ESG獨(dú)家招商-PHH GROUP賣(mài)家交流群
掃碼進(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)銷(xiāo)指南》
《開(kāi)店大全-全球合集》
《開(kāi)店大全-主流平臺(tái)篇》
《開(kāi)店大全-東南亞篇》
《CD平臺(tái)自注冊(cè)指南》
通過(guò)ESG入駐平臺(tái),您將解鎖
綠色通道,更高的入駐成功率
專(zhuān)業(yè)1v1客戶經(jīng)理服務(wù)
運(yùn)營(yíng)實(shí)操指導(dǎo)
運(yùn)營(yíng)提效資源福利
平臺(tái)官方專(zhuān)屬優(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é)日攻略等),官方出品,專(zhuān)業(yè)全面!
免費(fèi)領(lǐng)取
進(jìn)行中
進(jìn)行中
韓國(guó)電商節(jié)日營(yíng)銷(xiāo)指南
10+韓國(guó)電商重要營(yíng)銷(xiāo)節(jié)點(diǎn)詳細(xì)解讀;2024各節(jié)日熱度選品助力引爆訂單增長(zhǎng);8大節(jié)日營(yíng)銷(xiāo)技巧輕松撬動(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ì)、熱銷(xiāo)品類(lèi)、入駐要求以及入駐須知等關(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ài)家的熱門(mén)選擇!
立即領(lǐng)取
進(jìn)行中
進(jìn)行中
全球平臺(tái)詳解——日韓篇
涵蓋10+日韓電商平臺(tái),入駐條件一看就懂,優(yōu)勢(shì)熱銷(xiāo)品應(yīng)有盡有
立即領(lǐng)取
進(jìn)行中
進(jìn)行中
全球平臺(tái)詳解——?dú)W洲篇
涵蓋20+歐洲電商平臺(tái),詳細(xì)解讀優(yōu)勢(shì)、入駐條件、熱銷(xiāo)品等
立即領(lǐng)取