Brooklyn 的模板设置

模板设置决定在线商店的字体、颜色和社交媒体链接。您还可以使用模板设置来自定义结账的外观。

颜色

您可以为在线商店的不同部分选择颜色。

自定义颜色设置

PC:

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

  2. 点击 的模板设置 旁边的自定义

  1. 点击模板设置

  2. 点击颜色

  3. 若要打开颜色选择器,请点击要更改的内容类型颜色的颜色样本。最近选择区域显示您最近为模板选择过的颜色。当前使用区域显示您当前在模板的其他部分中使用的颜色。

    若要设置特定的十六进制颜色代码,请点击文本字段以输入颜色。

    若要将颜色设置为透明,请从文本字段中删除十六进制代码值。

  4. 点击保存

苹果系统:

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

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

  3. 轻触 Manage themes(管理模板)。

  4. 在 的模板设置 旁边,轻触自定义

  5. 轻触编辑

  1. 点击模板设置

  2. 点击颜色

  3. 若要打开颜色选择器,请点击要更改的内容类型颜色的颜色样本。最近选择区域显示您最近为模板选择过的颜色。当前使用区域显示您当前在模板的其他部分中使用的颜色。

    若要设置特定的十六进制颜色代码,请点击文本字段以输入颜色。

    若要将颜色设置为透明,请从文本字段中删除十六进制代码值。

  4. 点击保存

安卓系统:

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

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

  3. 轻触 Manage themes(管理模板)。

  4. 在 的模板设置 旁边,轻触自定义

  5. 轻触编辑

  1. 点击模板设置

  2. 点击颜色

  3. 若要打开颜色选择器,请点击要更改的内容类型颜色的颜色样本。最近选择区域显示您最近为模板选择过的颜色。当前使用区域显示您当前在模板的其他部分中使用的颜色。

    若要设置特定的十六进制颜色代码,请点击文本字段以输入颜色。

    若要将颜色设置为透明,请从文本字段中删除十六进制代码值。

  4. 点击保存

备注:标头网站地图的颜色是由标题的颜色设置确定的。如果幻灯片分区包含一张或多张幻灯片,主页上的标头导航则是由幻灯片分区设置中文本的颜色设置确定的。

版式

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

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

自定义字体设置

PC:

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

  2. 点击 的模板设置 旁边的自定义

  1. 点击模板设置

  2. 点击 Typography(字体)。

  3. 对于每种类型的文本,点击更改以使用字体选择器。

  4. 通过使用搜索字段或通过点击加载更多来浏览字体。

    若要查看所有可用的字体,请参阅 Shopify 的字体库

  5. 点击要使用的字体名称。

  6. 若要将字体更改为其他样式,请点击当前字体样式的名称,然后从下拉菜单中选择新字体样式。

  7. 单击选择

  8. 点击保存

苹果系统:

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

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

  3. 轻触 Manage themes(管理模板)。

  4. 在 的模板设置 旁边,轻触自定义

  5. 轻触编辑

  1. 点击模板设置

  2. 点击 Typography(字体)。

  3. 对于每种类型的文本,点击更改以使用字体选择器。

  4. 通过使用搜索字段或通过点击加载更多来浏览字体。

    若要查看所有可用的字体,请参阅 Shopify 的字体库

  5. 点击要使用的字体名称。

  6. 若要将字体更改为其他样式,请点击当前字体样式的名称,然后从下拉菜单中选择新字体样式。

  7. 单击选择

  8. 点击保存

安卓系统:

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

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

  3. 轻触 Manage themes(管理模板)。

  4. 在 的模板设置 旁边,轻触自定义

  5. 轻触编辑

  1. 点击模板设置

  2. 点击 Typography(字体)。

  3. 对于每种类型的文本,点击更改以使用字体选择器。

  4. 通过使用搜索字段或通过点击加载更多来浏览字体。

    若要查看所有可用的字体,请参阅 Shopify 的字体库

  5. 点击要使用的字体名称。

  6. 若要将字体更改为其他样式,请点击当前字体样式的名称,然后从下拉菜单中选择新字体样式。

  7. 单击选择

  8. 点击保存

Shopify商户官网原文详情:

Theme settings for Brooklyn

Theme settings control your online store's fonts, colors, and social media links. You can also use theme settings to customize the appearance of your checkout.

Colors

You can choose the colors for the different parts of your online store.

Customize your color settings

PC:

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

  2. Next to Brooklyn, click Customize.

  1. Click Theme settings.

  2. Click Colors.

  3. To open the color picker, click the color swatch for the content type color you want to change. The Recently selected area shows colors that you have recently selected for your theme. The Currently used area shows colors that you are currently using in other parts of your theme.

    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.

  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. Next to Brooklyn, tap Customize.

  5. Tap Edit.

  1. Click Theme settings.

  2. Click Colors.

  3. To open the color picker, click the color swatch for the content type color you want to change. The Recently selected area shows colors that you have recently selected for your theme. The Currently used area shows colors that you are currently using in other parts of your theme.

    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.

  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. Next to Brooklyn, tap Customize.

  5. Tap Edit.

  1. Click Theme settings.

  2. Click Colors.

  3. To open the color picker, click the color swatch for the content type color you want to change. The Recently selected area shows colors that you have recently selected for your theme. The Currently used area shows colors that you are currently using in other parts of your theme.

    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.

  4. Click Save.

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. Learn more about system fonts.

Customize your typography settings

PC:

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

  2. Next to Brooklyn, click Customize.

  1. Click Theme settings.

  2. Click Typography.

  3. For each type of text, click Change to use the font picker.

  4. Explore fonts by using the search field, or by clicking Load more.

    To see all of the available fonts, see Shopify's font library.

  5. Click the name of the font that you want to use.

  6. To change the font to a different style, click the name of the current font style, and then select a new font style from the drop-down menu.

  7. Click Select.

  8. Click Save.

iPhone:

  1. From the Shopify app, tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Manage themes.

  4. Next to Brooklyn, tap Customize.

  5. Tap Edit.

  1. Click Theme settings.

  2. Click Typography.

  3. For each type of text, click Change to use the font picker.

  4. Explore fonts by using the search field, or by clicking Load more.

    To see all of the available fonts, see Shopify's font library.

  5. Click the name of the font that you want to use.

  6. To change the font to a different style, click the name of the current font style, and then select a new font style from the drop-down menu.

  7. Click Select.

  8. Click Save.

Android:

  1. From the Shopify app, tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Manage themes.

  4. Next to Brooklyn, tap Customize.

  5. Tap Edit.

  1. Click Theme settings.

  2. Click Typography.

  3. For each type of text, click Change to use the font picker.

  4. Explore fonts by using the search field, or by clicking Load more.

    To see all of the available fonts, see Shopify's font library.

  5. Click the name of the font that you want to use.

  6. To change the font to a different style, click the name of the current font style, and then select a new font style from the drop-down menu.

  7. Click Select.

  8. Click Save.

文章内容来源:Shopify商户官方网站


(本文内容根据网络资料整理,出于传递更多信息之目的,不代表连连国际赞同其观点和立场)