• 搜索
官方微信群 扫码添加,拉你进群
订阅号
服务号
跨境资讯

为你推送和解读最前沿、最有料的跨境电商资讯

90% 亚马逊卖家都在关注的微信公众号

精选今日跨境电商头条资讯

凌晨亚马逊突发二审,大批账号“趴窝”

网商动力
(eceky.cn)实用跨境电商导航工具,致力打造集全球开店服务、 !。
2019-07-17 19:03:34
20

在创建主题时,可以为客户预留一些自定义的配置,是Shopify主题模板常用的做法。Shopify使用settings_schema.json文件提供了这个自定义配置的方式。


在Shopify主题的config目录中,在此文件中定义一些对象属性,就可以实现自定义的配置选项。当你选择在线商店 》 模板 》自定义按钮,就可以看到控制面板中这些选项。


配置文件的文件格式



settings_schema.json文件,本身是个JSON文件,那么他需要遵守JSON文件规范,这里所有的数据都用[]括起来。在此范围内,你可以将相关选项组合在一起。每个分组都有一个名称,然后是定义这个组的配置。比如:

[
  {
    "name" : "颜色",
    "settings" : [ ]
  }
]


然后,每个选项都是设置数组中的一个对象。像这样的东西:

[
{
"name": "Shopify119",
"theme_name": "Shopify119 theme",
"theme_version": "1.0.0",
"theme_author": "Leo",
"theme_documentation_url": "https://shopify119.blog.csdn.net",
"theme_support_url": "https://shopify119.blog.csdn.net"
},
{
"name" : "颜色",
"settings" : [
{
"type": "color",
"id": "color_background",
"label": "背景颜色",
"default": "#e5e5e5",
"info" : "这个将调整背景颜色"
},
{
"type": "color",
"id": "color_body_text",
"label": "内容文字颜色",
"default": "#2980b9",
"info" : "这个将调整内容文字颜色"
}
]
},
{
"name": "Logo",
"settings": [
{
"type": "image",
"id": "logo.png",
"label": "Logo",
"info": "这里可以改变店铺的Logo"
}
]
}
]


上面的例子中,在自定义设置的侧栏上,你可以看到标签“颜色”,当你单击他时,可以选择设置背景颜色和内容文字颜色;选择Logo可以更改店铺的Logo。

配置文件的属性


每个设置都有5个属性:type、id、label、default、info



常规设置类型



下表描述了允许的常规输入类型,每个值在type属性中设置。



image type

需要注意的是,用这种方式上传的图片将保存在模板的assets文件夹中。该文件使用id中定义的名称和格式进行保存。所以,即使上传的是.jpg文件,但是id定义的是logo.png,图片也将会保存为.png文件。


radio和select type

由于radio和select有多个值可提供选择,因此还需要设置额外的属性。比如:

{
"type": "radio",
"id": "id",
"label": "Text",
"options": [
{ "value": "one", "label": "Radio One" },
{ "value": "two", "label": "Radio Two" }
],
"default": "one",
"info": "Text"
}


特殊设置类型



特殊设置类型的定义访问和常规设置类型相似,不同之处在于这些设置,将为用户提供内置或特定的选择信息。比如:产品类型是下拉列表,但只允许用户从已经在商店中定义的产品类型中进行选择。


Blog Type

Shopify内置了博客,你可以添加博客文章。还可以把这些博客文章添加到不同的博客中。blog type设置下拉列表允许你选择要用于改设置的博客。


Snippet Type

代码片段在模板中的snippets目录里面定义。


信息设置




Shopify还允许将创建主题的作者信息放入侧边栏中,它们只有3个属性:type, content, info


在模板中调用配置信息



现在已经可以创建设置信息了,但是如何在实际的模板中调用并使用它们?这将是下篇文章的内容。




二维码
我们建了一个亚马逊卖家交流群,里面不乏很多大卖家。
现在扫码回复“ 加群 ”,拉你进群。
目前30万+人已关注加入我们
声明:此文章来源于网络,不代表网商动力立场。如有侵权,请联系我们。
快给朋友分享吧!
0 赞
最新
跨境电商入门指南:如何入驻Mercadolibre平台全解析
跨境电商入门指南:如何入驻Mercadolibre平台全解析
跨境电商入门指南:如何入驻Mercadolibre平台全解析 正文: 在全球化的大背景下,越来越多的国内卖家开始寻求跨境电商的机会。Mercadolibre作为拉丁美洲最大的电子商...
Ozon平台合法性解析:探究Ozon跨境电商业务的可行性与合规性
Ozon平台合法性解析:探究Ozon跨境电商业务的可行性与合规性
Ozon平台运营规范:揭秘Ozon跨境电商平台的规则与标准 在跨境电商日益繁荣的当下,Ozon平台凭借其良好的口碑和优质的服务,吸引了众多商家和消费者的关注。为了确保平...
Shein平台入驻揭秘:深入了解Shein入驻模式和注册流程要点
Shein平台入驻揭秘:深入了解Shein入驻模式和注册流程要点
Shein注册指南:轻松上手:Shein详细注册流程全攻略 在追求时尚与便捷购物的时代,Shein作为一家领先的时尚购物网站,不仅提供了丰富的潮流服饰和配饰,还支持全球快速发...
gmarket官网新用户注册攻略:一步步教你完成注册流程
gmarket官网新用户注册攻略:一步步教你完成注册流程
Gemini交易平台注册全攻略:松创建账户+身份验证流程详解 在全球数字货币交易领域,Gemini平台以其安全可靠和合规性著称。想要加入Gemini进行数字货币交易?本文将为您...
2024年Ozon跨境电商市场新机遇:卖家现状与运营策略解析
2024年Ozon跨境电商市场新机遇:卖家现状与运营策略解析
2024年Ozon跨境电商市场新机遇:卖家现状与运营策略解析 随着跨境电商的蓬勃发展,Ozon平台作为俄罗斯最大的在线购物平台之一,吸引了全球众多卖家的目光。面对2024年...
亚马逊官网登录入口:快速链接及详细登录步骤
亚马逊官网登录入口:快速链接及详细登录步骤
亚马逊全解析:深度揭秘平台优势与全球站点运营策略 摘要:亚马逊,作为全球最大的电子商务平台之一,以其卓越的平台优势和多站点布局吸引了无数卖家。本文将对亚马逊的...
Copyright ? 2016-2022 ? ? 亚马逊卖家导航? ? 晋ICP备20005961号-2 声明:网站上的服务均为第三方提供,与网商动力无关。请用户注意甄别服务质量,避免上当受骗。