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

2022-03-28

1179

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

配色方案

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

顏色設(shè)置

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

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

管理配色方案

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

PC：

在后臺中，轉(zhuǎn)到在線商店 > 模板。
找到您要編輯的模板，然后點擊自定義。

點擊側(cè)邊欄底部的模板設(shè)置。
點擊顏色。
若要更改模板中的顏色，請點擊顏色并使用顏色選擇器或在文本字段中輸入新顏色的值。
點擊保存。

對于純色，請使用顏色選擇器選擇新顏色，或在文本字段中輸入該顏色的值。該字段接受顏色名稱（例如 red、black、blue）、RGB 或十六進制顏色值。

蘋果系統(tǒng)：

在 Shopify 應(yīng)用中，輕觸商店。
在銷售渠道部分，輕觸。
輕觸管理模板。
找到您要編輯的模板，然后輕觸自定義。
輕觸編輯。

點擊側(cè)邊欄底部的模板設(shè)置。
點擊顏色。
若要更改模板中的顏色，請點擊顏色并使用顏色選擇器或在文本字段中輸入新顏色的值。
點擊保存。

安卓系統(tǒng)：

在 Shopify 應(yīng)用中，輕觸商店。
在銷售渠道部分，輕觸在線商店。
輕觸管理模板。
找到您要編輯的模板，然后輕觸自定義。
輕觸編輯。

點擊側(cè)邊欄底部的模板設(shè)置。
點擊顏色。
若要更改模板中的顏色，請點擊顏色并使用顏色選擇器或在文本字段中輸入新顏色的值。
點擊保存。

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：
From your Shofy admin, go to Online Store > Themes.
Find the theme that you want to edit, and then click Customize.
Click Theme Settings at the bottom of your sidebar.
Click Colors.
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.
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, red, black, blue), RGB, or hexadecimal color values.
iPhone：
From the Shopify app, tap Store.
In the Sales channels section, tap Online Store.
Tap Manage themes.
Find the theme that you want to edit, and then tap Customize.
Tap Edit.
Click Theme Settings at the bottom of your sidebar.
Click Colors.
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.
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, red, black, blue), RGB, or hexadecimal color values.
Android：
From the Shopify app, tap Store.
In the Sales channels section, tap Online Store.
Tap Manage themes.
Find the theme that you want to edit, and then tap Customize.
Tap Edit.
Click Theme Settings at the bottom of your sidebar.
Click Colors.
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.
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, red, black, blue), RGB, or hexadecimal color values.