shopify商店颜色和配色设置步骤-ESG跨境

shopify商店颜色和配色设置步骤

shopify新闻
shopify新闻
2022-03-28
点赞icon 0
查看icon 1141

通过模板中的所有分区(例如富文本、图片横幅和产品系列列表),您可以从您在模板设置中设置的颜色中选择要应用于相关分区的配色方案。您的模板会应用默认配色方案,而配色方案可随时在模板编辑器中进行更改。添加品牌颜色可确保您的在线商店应用一致的调色板。

配色方案

通过模板中的所有分区(例如富文本、图片横幅和系列列表),您可以从您在模板设置中设置的颜色中选择要应用于相关分区的配色方案。您的模板会应用默认配色方案,而配色方案可随时在模板编辑器中进行更改。添加品牌颜色可确保您的在线商店应用一致的调色板。

颜色设置

图片和图片填充的背景可在模板编辑器中设置。使用下拉菜单即可在以下颜色中进行选择:强调色 1、强调色 1 渐变、强调色 2、强调色 2 渐变、背景 1、背景 1 渐变、背景 2、背景 2 渐变或反转色。您可以在模板编辑器的预览面板中预览选定的配色方案。

某些设置不仅可用于选择配色方案,还可支持使用渐变。例如,在 Dawn 中,您可以设置品牌颜色的渐变,并用它取代标准主题色和背景色选项。

管理配色方案

您的商店配色方案在您的模板设置中完成设置。

PC:

  1. 在 后台中,转到在线商店 > 模板

  2. 找到您要编辑的模板,然后点击自定义

  1. 点击侧边栏底部的模板设置

  2. 点击颜色

  3. 若要更改模板中的颜色,请点击颜色并使用颜色选择器或在文本字段中输入新颜色的值。

  4. 点击保存

对于纯色,请使用颜色选择器选择新颜色,或在文本字段中输入该颜色的值。该字段接受颜色名称 (例如 redblackblue)、RGB 或十六进制颜色值。

苹果系统:

  1. 在 Shopify 应用中,轻触商店

  2. 销售渠道部分,轻触

  3. 轻触管理模板

  4. 找到您要编辑的模板,然后轻触自定义

  5. 轻触编辑

  1. 点击侧边栏底部的模板设置

  2. 点击颜色

  3. 若要更改模板中的颜色,请点击颜色并使用颜色选择器或在文本字段中输入新颜色的值。

  4. 点击保存

对于纯色,请使用颜色选择器选择新颜色,或在文本字段中输入该颜色的值。该字段接受颜色名称 (例如 redblackblue)、RGB 或十六进制颜色值。

安卓系统:

  1. 在 Shopify 应用中,轻触商店

  2. 销售渠道部分,轻触在线商店

  3. 轻触管理模板

  4. 找到您要编辑的模板,然后轻触自定义

  5. 轻触编辑

  1. 点击侧边栏底部的模板设置

  2. 点击颜色

  3. 若要更改模板中的颜色,请点击颜色并使用颜色选择器或在文本字段中输入新颜色的值。

  4. 点击保存

对于纯色,请使用颜色选择器选择新颜色,或在文本字段中输入该颜色的值。该字段接受颜色名称 (例如 redblackblue)、RGB 或十六进制颜色值。

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.



特别声明:以上文章内容仅代表作者本人观点,不代表ESG跨境电商观点或立场。如有关于作品内容、版权或其它问题请于作品发表后的30日内与ESG跨境电商联系。

搜索 放大镜
韩国平台交流群
加入
韩国平台交流群
扫码进群
欧洲多平台交流群
加入
欧洲多平台交流群
扫码进群
美国卖家交流群
加入
美国卖家交流群
扫码进群
ESG跨境专属福利分享群
加入
ESG跨境专属福利分享群
扫码进群
拉美电商交流群
加入
拉美电商交流群
扫码进群
亚马逊跨境增长交流群
加入
亚马逊跨境增长交流群
扫码进群
亚马逊跨境增长交流群
加入
亚马逊跨境增长交流群
扫码进群
拉美电商交流群
加入
拉美电商交流群
扫码进群
ESG独家招商-PHH GROUP卖家交流群
加入
ESG独家招商-PHH GROUP卖家交流群
扫码进群
《TikTok综合运营手册》
《TikTok短视频运营手册》
《TikTok直播运营手册》
《TikTok全球趋势报告》
《韩国节日营销指南》
《开店大全-全球合集》
《开店大全-主流平台篇》
《开店大全-东南亚篇》
《CD平台自注册指南》
《开店大全-俄罗斯篇》
通过ESG入驻平台,您将解锁
绿色通道,更高的入驻成功率
专业1v1客户经理服务
运营实操指导
运营提效资源福利
平台官方专属优惠

立即登记,定期获得更多资讯

订阅
联系顾问

平台顾问

平台顾问 平台顾问

微信扫一扫
马上联系在线顾问

icon icon

小程序

微信小程序

ESG跨境小程序
手机入驻更便捷

icon icon

返回顶部