shopify商店顏色和配色設(shè)置步驟-ESG跨境

shopify商店顏色和配色設(shè)置步驟

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

通過模板中的所有分區(qū)(例如富文本、圖片橫幅和產(chǎn)品系列列表),您可以從您在模板設(shè)置中設(shè)置的顏色中選擇要應(yīng)用于相關(guān)分區(qū)的配色方案。您的模板會(huì)應(yīng)用默認(rèn)配色方案,而配色方案可隨時(shí)在模板編輯器中進(jìn)行更改。添加品牌顏色可確保您的在線商店應(yīng)用一致的調(diào)色板。

配色方案

通過模板中的所有分區(qū)(例如富文本、圖片橫幅和系列列表),您可以從您在模板設(shè)置中設(shè)置的顏色中選擇要應(yīng)用于相關(guān)分區(qū)的配色方案。您的模板會(huì)應(yīng)用默認(rèn)配色方案,而配色方案可隨時(shí)在模板編輯器中進(jìn)行更改。添加品牌顏色可確保您的在線商店應(yīng)用一致的調(diào)色板。

顏色設(shè)置

圖片和圖片填充的背景可在模板編輯器中設(shè)置。使用下拉菜單即可在以下顏色中進(jìn)行選擇:強(qiáng)調(diào)色 1、強(qiáng)調(diào)色 1 漸變、強(qiáng)調(diào)色 2、強(qiáng)調(diào)色 2 漸變、背景 1、背景 1 漸變、背景 2、背景 2 漸變或反轉(zhuǎn)色。您可以在模板編輯器的預(yù)覽面板中預(yù)覽選定的配色方案。

某些設(shè)置不僅可用于選擇配色方案,還可支持使用漸變。例如,在 Dawn 中,您可以設(shè)置品牌顏色的漸變,并用它取代標(biāo)準(zhǔn)主題色和背景色選項(xiàng)。

管理配色方案

您的商店配色方案在您的模板設(shè)置中完成設(shè)置。

PC:

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

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

  1. 點(diǎn)擊側(cè)邊欄底部的模板設(shè)置。

  2. 點(diǎn)擊顏色。

  3. 若要更改模板中的顏色,請(qǐng)點(diǎn)擊顏色并使用顏色選擇器或在文本字段中輸入新顏色的值。

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

對(duì)于純色,請(qǐng)使用顏色選擇器選擇新顏色,或在文本字段中輸入該顏色的值。該字段接受顏色名稱 (例如 redblack、blue)、RGB 或十六進(jìn)制顏色值。

蘋果系統(tǒng):

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

  2. 銷售渠道部分,輕觸。

  3. 輕觸管理模板。

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

  5. 輕觸編輯。

  1. 點(diǎn)擊側(cè)邊欄底部的模板設(shè)置。

  2. 點(diǎn)擊顏色。

  3. 若要更改模板中的顏色,請(qǐng)點(diǎn)擊顏色并使用顏色選擇器或在文本字段中輸入新顏色的值。

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

對(duì)于純色,請(qǐng)使用顏色選擇器選擇新顏色,或在文本字段中輸入該顏色的值。該字段接受顏色名稱 (例如 red、black、blue)、RGB 或十六進(jìn)制顏色值。

安卓系統(tǒng):

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

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

  3. 輕觸管理模板。

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

  5. 輕觸編輯。

  1. 點(diǎn)擊側(cè)邊欄底部的模板設(shè)置

  2. 點(diǎn)擊顏色

  3. 若要更改模板中的顏色,請(qǐng)點(diǎn)擊顏色并使用顏色選擇器或在文本字段中輸入新顏色的值。

  4. 點(diǎn)擊保存

對(duì)于純色,請(qǐng)使用顏色選擇器選擇新顏色,或在文本字段中輸入該顏色的值。該字段接受顏色名稱 (例如 red、black、blue)、RGB 或十六進(jìn)制顏色值。

Color schemes

Different sections across the theme, such as Rich text, Image banner, and Collection list, let you select a color scheme to apply to that section from the colors you set in your theme settings. Your theme has a default color scheme applied, which can be changed at any time in the theme editor. Adding your brand colors ensures a cohesive application of your color palette across your online store.

Color settings

The background of images and image padding can be set in your theme editor. Use the drop-down menu to choose between Accent 1, Accent 1 gradient, Accent 2, Accent 2 gra Background 1, Background 1 gradient, Background 2, ound 2 gradient, or Inverse. You can preview selected color schemes in your theme editor's p panel.

Some of the settings that allow you to choose a color scheme also allow you to use gradients. For example, in Dawn, you can set up gradients of your brand's colors and use them in place of the standard accent and background color options.

Manage your color scheme

Your store's color scheme is set within your theme settings.

PC:

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

  2. Find the theme that you want to edit, and then click Customize.

  1. Click Theme Settings at the bottom of your sidebar.

  2. Click Colors.

  3. To change a color in your theme, click the color and use the color picker or enter the value of the new color in the text field.

  4. Click Save.

For solid colors, use the color picker to select a new color or enter the value of the color in the text field. The field accepts color names (for example, redblackblue), RGB, or hexadecimal color values.

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 at the bottom of your sidebar.

  2. Click Colors.

  3. To change a color in your theme, click the color and use the color picker or enter the value of the new color in the text field.

  4. Click Save.

For solid colors, use the color picker to select a new color or enter the value of the color in the text field. The field accepts color names (for example, redblackblue), RGB, or hexadecimal color values.

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 at the bottom of your sidebar.

  2. Click Colors.

  3. To change a color in your theme, click the color and use the color picker or enter the value of the new color in the text field.

  4. Click Save.

For solid colors, use the color picker to select a new color or enter the value of the color in the text field. The field accepts color names (for example, redblackblue), RGB, or hexadecimal color values.



特別聲明:以上文章內(nèi)容僅代表作者本人觀點(diǎn),不代表ESG跨境電商觀點(diǎn)或立場(chǎng)。如有關(guān)于作品內(nèi)容、版權(quá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è)指南》
通過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)系顧問

平臺(tái)顧問

平臺(tái)顧問 平臺(tái)顧問

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

icon icon

小程序

微信小程序

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

icon icon

返回頂部

【免費(fèi)領(lǐng)取】全球跨境電商運(yùn)營(yíng)干貨 關(guān)閉
進(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)取