Shopify二次开发之三：liquid语法学习（访问Objects和Schema数据模型）

{{ all_products['black-leather-bag'].title }}

{{ articles['testing/my-first-blog'].title }}

{% for collection in collections %}
  {{- collection.title | link_to: collection.url }}
{% endfor %}

{% for product in collections['spring'].products %}
  {{- product.title | link_to: product.url }}
{% endfor %}

{% form 'product', product %}
  &lt;select name="id"&gt;
    {% for variant in product.variants %}
      <option value="{{ variant.id }}"&gt;
        {{ variant.title }}
      </option&gt;
    {% endfor %}
  </select&gt;
  <button type="submit"&gt;Add to cart</button&gt;
{% endform %}

<h1>
  {{ collection.title }}
</h1>

<h1>{{ article.title }}</h1>

    {
      "type": "checkbox",
      "id": "checkbox",
      "label": "sel",
      "default": true
    },
    {
      "type": "radio",
      "id": "radio",
      "label": "Radio",
      "options": [
        {
          "value": "left",
          "label": "Left"
        },
        {
          "value": "centered",
          "label": "Centered"
        }
      ],
      "default": "left"
    },
    {
      "type": "range",
      "id": "font_size",
      "min": 12,
      "max": 24,
      "step": 1,
      "unit": "px",
      "label": "Font size",
      "default": 16
    }

{% assign radio = section.settings.radio %}
{% assign font_size = section.settings.font_size %}
<div>radio value: {{ radio  }}</div>
<div>font_size value: {{ font_size }}</div>

    {
       "type": "header",
       "content": "type article"
    },
    {
       "type": "article",
       "id": "article",
       "label": "Article"
    }

{% assign article = section.settings.article %}
<div>{{ article.title }}</div>
<div>{{ article.content }}</div>

  "blocks": [
     {
       "name": "Slide",
       "type": "slide",
       "settings": [
         {
           "type": "image_picker",
           "id": "image",
           "label": "Image"
         }
       ]
     }
  ],

  <div class="slide">
    {% for block in section.blocks %}
      {% case block.type %}
        {% when 'slide' %}
          {% assign image_url = block.settings.image | image_url %}
          <div class="img">
            <img width="100%" height="100%" src="{{ image_url }}/">
          </div>
      {% endcase %}
    {% endfor %}
  </div>