数据与实现基础

<section class="ww-intro" aria-labelledby="Intro-{{ section.id }}">
  <h2 id="Intro-{{ section.id }}">{{ section.settings.heading | escape }}</h2>
  <div>{{ section.settings.body }}</div>
  {% if section.settings.destination != blank %}
    <a href="{{ section.settings.destination | escape }}">
      {{ section.settings.link_label | escape }}
    </a>
  {% endif %}
</section>
{% schema %}
{
  "name": "WW introduction",
  "settings": [
    {"type":"text","id":"heading","label":"Heading","default":"Explore the collection"},
    {"type":"richtext","id":"body","label":"Introduction"},
    {"type":"url","id":"destination","label":"Destination"},
    {"type":"text","id":"link_label","label":"Link label","default":"Explore"}
  ],
  "presets":[{"name":"WW introduction"}]
}
{% endschema %}

{% assign rows = product.metafields.custom.specification_rows.value %}
{% if rows != blank %}
  <table>
    <caption>{{ product.title | escape }} — specifications</caption>
    <tbody>
      {% for row in rows %}
        {% if row.label.value != blank and row.spec_value.value != blank %}
          <tr>
            <th scope="row">{{ row.label.value | escape }}</th>
            <td>{{ row.spec_value.value | escape }} {{ row.unit.value | escape }}</td>
          </tr>
        {% endif %}
      {% endfor %}
    </tbody>
  </table>
{% endif %}

query ProductFacts($handle: String!, $country: CountryCode!, $language: LanguageCode!)
@inContext(country: $country, language: $language) {
  product(handle: $handle) {
    id
    title
    description
    variants(first: 10) {
      nodes {
        id
        title
        availableForSale
        price { amount currencyCode }
      }
      pageInfo { hasNextPage endCursor }
    }
  }
}