shopify商店模板颜色和板式设置步骤

shopify新闻

2022-03-28

719

您可以使用模板设置来更改在线商店的版式、颜色、社交媒体链接和结账设置。

模板设置

您可以使用模板设置来更改在线商店的版式、颜色、链接和结账设置。

您可以使用模板设置来更改在线商店的版式、颜色、社交媒体链接和结账设置。当您对模板设置进行更改时，这些更改将应用于您的整个。

颜色

您可以为在线商店设置主要和辅助配色方案。

自定义颜色设置

PC：

在中，转到在线商店 > 模板。
找到您要编辑的模板，然后点击自定义。

点击模板设置。
点击颜色。
若要打开颜色选择器，请点击要更改的内容类型颜色的颜色样本。
若要设置特定的十六进制颜色代码，请点击文本字段以输入颜色。
若要将颜色设置为透明，请从文本字段中删除十六进制代码值。
点击保存。

苹果系统：

在 Shopify 应用中，轻触商店。
在销售渠道部分，轻触在线商店。
轻触管理模板。
找到您要编辑的模板，然后轻触自定义。
轻触编辑。

点击模板设置。
点击颜色。
若要打开颜色选择器，请点击要更改的内容类型颜色的颜色样本。
若要设置特定的十六进制颜色代码，请点击文本字段以输入颜色。
若要将颜色设置为透明，请从文本字段中删除十六进制代码值。
点击保存。

安卓系统：

在 Shopify 应用中，轻触商店。
在销售渠道部分，轻触在线商店。
轻触管理模板。
找到您要编辑的模板，然后轻触自定义。
轻触编辑。

点击模板设置。
点击颜色。
若要打开颜色选择器，请点击要更改的内容类型颜色的颜色样本。
若要设置特定的十六进制颜色代码，请点击文本字段以输入颜色。
若要将颜色设置为透明，请从文本字段中删除十六进制代码值。
点击保存。

若要详细了解颜色选项，包括如何设置颜色渐变，请参阅颜色方案。

版式

您可以设置在线商店上的文本的字体样式和大小。您可以选择系统字体或自定义字体。

建议您在商店中使用系统字体。使用系统字体可避免在客户的计算机上下载新字体，从而避免对您的商店加载速度产生负面影响。客户的计算机上显示的字体取决于其操作系统。

自定义字体设置

PC：

在 Shopify 后台中，转到在线商店 > 模板。
找到您要编辑的模板，然后点击自定义。

点击模板设置。
点击 Typography（字体）。
对于每种类型的文本，点击更改以使用字体选择器。
使用搜索字段或点击加载更多来浏览可用字体。
点击要使用的字体的名称，然后点击选择。
点击保存。

苹果系统：

在 Shopify 应用中，轻触商店。
在销售渠道部分，轻触在线商店。
轻触管理模板。
找到您要编辑的模板，然后轻触自定义。
轻触编辑。

点击模板设置。
点击 Typography（字体）。
对于每种类型的文本，点击更改以使用字体选择器。
使用搜索字段或点击加载更多来浏览可用字体。
点击要使用的字体的名称，然后点击选择。
点击保存。

安卓系统：

在 Shopify 应用中，轻触商店。
在销售渠道部分，轻触在线商店。
轻触管理模板。
找到您要编辑的模板，然后轻触自定义。
轻触编辑。

点击模板设置。
点击 Typography（字体）。
对于每种类型的文本，点击更改以使用字体选择器。
使用搜索字段或点击加载更多来浏览可用字体。
点击要使用的字体的名称，然后点击选择。
点击保存。

自定义字体大小

您可以在版式模板设置中为标题和正文文本设置默认字体大小。

步骤：

PC：

在 Shopify 后台中，转到在线商店 > 模板。
找到您要编辑的模板，然后点击自定义。

点击模板设置 > 版式。
若要更改标题的默认字体大小，请使用字体大小比例标尺来选择默认字体大小。最小字体大小为 100%，最大字体大小为 150%。该比例标尺每增加一个单位可使字体大小增大 5%。默认设置为 100%。
若要更改正文文本的默认字体大小，请使用字体大小比例标尺来选择默认字体大小。最小字体大小为 100%，最大字体大小为 130%。该比例标尺每增加一个单位可使字体大小增大 5%。默认设置为 100%。
点击保存。

苹果系统：

在 Shopify 应用中，轻触商店。
在销售渠道部分，轻触在线商店。
轻触管理模板。
找到您要编辑的模板，然后轻触自定义。
轻触编辑。

点击模板设置 > 版式。
若要更改标题的默认字体大小，请使用字体大小比例标尺来选择默认字体大小。最小字体大小为 100%，最大字体大小为 150%。该比例标尺每增加一个单位可使字体大小增大 5%。默认设置为 100%。
若要更改正文文本的默认字体大小，请使用字体大小比例标尺来选择默认字体大小。最小字体大小为 100%，最大字体大小为 130%。该比例标尺每增加一个单位可使字体大小增大 5%。默认设置为 100%。
点击保存。

安卓系统：

在 Shopify 应用中，轻触商店。
在销售渠道部分，轻触在线商店。
轻触管理模板。
找到您要编辑的模板，然后轻触自定义。
轻触编辑。

点击模板设置 > 版式。
若要更改标题的默认字体大小，请使用字体大小比例标尺来选择默认字体大小。最小字体大小为 100%，最大字体大小为 150%。该比例标尺每增加一个单位可使字体大小增大 5%。默认设置为 100%。
若要更改正文文本的默认字体大小，请使用字体大小比例标尺来选择默认字体大小。最小字体大小为 100%，最大字体大小为 130%。该比例标尺每增加一个单位可使字体大小增大 5%。默认设置为 100%。
点击保存。

Theme settings
You can use theme settings to make changes to your online store's typography, colors, social media links, and checkout settings.
You can use theme settings to make changes to your online store's typography, colors, social media links, and checkout settings. When you make changes to your theme settings, the changes apply to your entire online store.
Colors
You can set primary and secondary color schemes for your online store.
Customize your color settings
PC：
From your Shopify admin, go to Online Store > Themes.
Find the theme that you want to edit, and then click Customize.
Click Theme settings.
Click Colors.
To open the color picker, click the color swatch for the content type color you want to change.
To set a specific hex color code, click on the text field to enter the color.
To set the color to transparent, delete the hex code value from the text field.
Click Save.
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.
Click Colors.
To open the color picker, click the color swatch for the content type color you want to change.
To set a specific hex color code, click on the text field to enter the color.
To set the color to transparent, delete the hex code value from the text field.
Click Save.
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.
Click Colors.
To open the color cker, click the color swatch for the content type color you want to change.
To set a specific hex color code, click on the text field to enter the color.
To set the color to transparent, delete the hex code value from the text field.
Click Save.
To learn more about color options, including how to set color gradients, refer to Color schemes.
Typography
You can set the font style and size for the text on your online store. You can choose a system font or a custom font.
It's recommended that you use system fonts in your store. Using system fonts avoids downloading new fonts to your customer's computer, which can negatively impact your store load speed. The font that displays on your customer's computer depends on their operating system.
Customize your typography settings
PC：
From your Shopify admin, go to Online Store > Themes.
Find the theme that you want to edit, and then click Customize.
Click Theme settings.
Click Typography.
For each type of text, click Change to use the font picker.
Explore available fonts with the search field or by clicking Load more.
Click the name of the font you want to use, and then click Select.
Click Save.
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.
Click Typography.
For each type of text, click Change to use the font picker.
Explore available fonts with the search field or by clicking Load more.
Click the name of the font you want to use, and then click Select.
Click Save.
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.
Click Typography.
For each type of text, click Change to use the font picker.
Explore available fonts with the search field or by clicking Load more.
Click the name of the font you want to use, and then click Select.
Click Save.
Customize your font sizes
You can set the default font sizes for your heading and body text within the Typography theme setting.
Steps:
PC：
From your Shopify admin, go to Online Store > Themes.
Find the theme that you want to edit, and then click Customize.
Click Theme settings > Typography.
To change the default font size for headings, use the Font size scale to select the default font size. The minimum font size is 100%, and the maximum font size is 150%. Each increment of the scale increases the font size by 5%. The default setting is 100%.
To change the default font size for body text, use the Font size scale to select the default font size. The minimum font size is 100%, and the maximum font size is 130%. Each increment of the scale increases the font size by 5%. The default setting is 100%.
Click Save.
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 > Typography.
To change the default font size for headings, use the Font size scale to select the default font size. The minimum font size is 100%, and the maximum font size is 150%. Each increment of the scale increases the font size by 5%. The default setting is 100%.
To change the default font size for body text, use the Font size scale to select the default font size. The minimum font size is 100%, and the maximum font size is 130%. Each increment of the scale increases the font size by 5%. The default setting is 100%.
Click Save.
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 > Typography.
To change the default font size for headings, use the Font size scale to select the default font size. The minimum font size is 100%, and the maximum font size is 150%. Each increment of the scale increases the font size by 5%. The default setting is 100%.
To change the default font size for body text, use the Font size scale to select the default font size. The minimum font size is 100%, and the maximum font size is 130%. Each increment of the scale increases the font size by 5%. The default setting is 100%.
Click Save.