从零开始开发Shopify主题：（4）调用自定义配置

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

{{ settings.color_background }}

{{ settings.your_id }}

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

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

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

collections['the-handle'].variable

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

{{ collections[settings.feature_collection] }}

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

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

all_products['the-handle'].variable

{{ 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 }}">