shopify商店Simple模板颜色和版式设置步骤-ESG跨境

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

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

您可以使用模板设置来自定在线商店的颜色和版式。您还可以设置指向社交媒体账号的链接、编辑购物车设置以及添加网站图标。

Simple 模板设置

您可以使用模板设置来自定在线商店的颜色和版式。您还可以设置指向账号的链接、编辑设置以及添加网站图标。

颜色

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

自定义颜色设置

PC:

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

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

  1. 点击模板设置

  2. 点击颜色

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

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

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

  4. 点击保存

苹果系统:

  1. 在  应用中,轻触商店

  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. 点击保存

Theme settings for Simple

You can use theme settings to customize the colors and typography on your online store. You can also set up links to your social media accounts, edit your cart settings, and add a favicon.

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 Simple, 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.

Typograph

iPhone:

  1. From the Shopify app, tap Store.

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

  3. Tap Manage themes.

  4. Next to Simple, 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.

Typograph

Android:

  1. From the Shopify app, tap Store.

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

  3. Tap Manage themes.

  4. Next to Simple, 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 '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 Simple, 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 Simple, 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 Simple, 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.



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

搜索 放大镜
韩国平台交流群
加入
韩国平台交流群
扫码进群
欧洲多平台交流群
加入
欧洲多平台交流群
扫码进群
美国卖家交流群
加入
美国卖家交流群
扫码进群
ESG跨境专属福利分享群
加入
ESG跨境专属福利分享群
扫码进群
拉美电商交流群
加入
拉美电商交流群
扫码进群
亚马逊跨境增长交流群
加入
亚马逊跨境增长交流群
扫码进群
《开店大全-全球合集》
《开店大全-主流平台篇》
《开店大全-东南亚篇》
《CD平台自注册指南》
《开店大全-俄罗斯篇》
《韩国站内推广指南》
《韩国热销品预测》
《开店大全-日韩篇》
《开店大全-拉美篇》
《开店大全-欧洲篇》
通过ESG入驻平台,您将解锁
绿色通道,更高的入驻成功率
专业1v1客户经理服务
运营实操指导
运营提效资源福利
平台官方专属优惠
联系顾问

平台顾问

平台顾问 平台顾问

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

icon icon

小程序

微信小程序

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

icon icon

返回顶部