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

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

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

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

【Prime Day热销数据】家居、厨房、户外运动,这些“黑马”商品不容小觑!

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

在上一篇文章中,我们知道了如何使用配置文件自定义主题,以允许商店所有者自己更改Shopify主题。如上所述,这些设置会在用户单击管理面板的在线商店>主题部分中的自定义主题按钮时显示,并在主题开发文件的config / settings_schema.json文件中定义。


在这篇文章中,我们将了解如何访问这些设置并在开发主题时调用它们。


调用配置



要调用模板中的配置信息,需要使用 liquid 语言。可以使用{%%}逻辑标签和{{}}显示标签。在这两种标签里,都可以使用settins.id,其中id就是配置中定义的属性。比如配置文件里是这样写的:

[
  {
    "name" : "颜色",
    "settings" : [
    {
        "type": "color",
        "id": "color_background",
        "label": "背景颜色",
        "default": "#e5e5e5",
        "info" : "这个将调整背景颜色"
    },
    {
        "type": "color",
        "id": "color_body_text",
        "label": "内容文字颜色",
        "default": "#2980b9",
        "info" : "这个将调整内容文字颜色"
    }]
  }
]


你可以这样调用背景颜色:

{{ settings.color_background }}


常规配置类型



常规配置类型包括:text, textarea, image, radio, select, checkbox。每种类型都允许用户选择来修改模板。这些配置用一组liquid标签来调用。{{}}将会把信息显示在页面上。

{{ settings.your_id }}


{%%}可以把配置信息用于逻辑处理上。

{% if settings.product_order == true %}
    <p>可以下单!</p>
{% else %}
    <p>不能下单 :(</p>
{% endif %}


特殊设置类型



特殊设置类型包括:color, font, collection, product, blog, page, link_list,  snippet。要调用他们,比常规配置稍微复杂一些。


Color和Font

color和font和上面的调用方式相同,如果你在页面上直接调用,那么它将在页面上显示16进制,然而对于我们来说并没有什么卵用,我们需要在样式表中调用这个才有意义,比如将我们的sass文件保存成application.scss.liquid,就可以使用liquid语法来调用它。

body{
    background-color: #{'{{ settings.color_background }}'}
}


注意:这里用#{''}包裹。


同样,字体也可以用这种方式调用:

body {
    font-family: #{'{{ settings.header_font }}'};
}


Collections

collections的调用方式会更复杂一些,首先要注意的是,当你将设置的类型为Collections是,选择面板中将显示用户的collections下拉列表,其中包括已经在商店中定义的所有Collections。这意味着必须至少已经定义了2个集合。其次,需要知道shopify都有哪些特殊配置的标签,这里有个表 http://cheat.markdunkley.com/,可以方便查看。


比如,我们在这里找到了collection.liquid部分,上面有用什么标签全局访问。

collections['the-handle'].variable

这里,the-handle是集合的名称。在settings_schema.json配置文件中,id的名称将定于这个属性。比如:

[
    {
        "name": "Collection",
        "settings" : [
        {
            "type": "collection",
            "id": "feature_collection",
            "label": "Feature collection"
        }
        ]
    }
]


那么就这样调用:

{{ collections[settings.feature_collection] }}

但是,上面的代码只会显示为CollectionDrop。为了获得有意义的东西,需要选择集合的属性,例如标题或产品。

{{ collections[settings.feature_collection].title }}


您可能还想访问该集合中每个产品的信息。这可以通过引用集合上的products属性然后循环遍历这些来轻松实现。

{% for product in collections[settings.feature_collection].products %}
    <p>{{ product.title }} | {{ product.price }}</p>
{% endfor %}


通过liquid循环语句,可以把集合中的每个产品遍历出来,并显示产品的标题和价格。


Products

产品和集合的使用方式类似,查一下表,看看如何调用这个products。

all_products['the-handle'].variable

注意这里是all_products,而不是products。所以,这样调用产品的标题和价格:

{{ all_products[settings.feature_product].title }} | {{ all_products[settings.feature_product].price }}

如果要调用产品的头图,这样来。

<img src="{{ all_products[settings.feature_product].featured_image | img_url: 'small' }}" alt="{{ all_products[settings.feature_product].title }}">

这样,我们就知道如何调用shopify中配置信息了,更多特殊标签使用,可以参考上面那个表。



二维码
我们建了一个亚马逊卖家交流群,里面不乏很多大卖家。
现在扫码回复“ 加群 ”,拉你进群。
目前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 声明:网站上的服务均为第三方提供,与网商动力无关。请用户注意甄别服务质量,避免上当受骗。