{{ shop.name }}
{{ shop.email }}
{{ shop.currency.iso_code }}

{{ product.title }}
{{ product.price | money }}
{% for variant in product.variants %}
  {{ variant.title }} - {{ variant.price | money }}
{% endfor %}

{% assign variant = product.selected_or_first_available_variant %}
{{ variant.title }}
{{ variant.sku }}
{{ variant.price | money }}

{% for option in product.options_with_values %}
  <fieldset>
    <legend>{{ option.name }}</legend>   {# e.g. "Pack size" #}
    {% for option_value in option.values %}
      {# Both .name and .value are the human label, e.g. "6-Pack" #}
      <label class="{% if option_value.selected %}is-selected{% endif %}">
        {{ option_value.name }}
      </label>
    {% endfor %}
  </fieldset>
{% endfor %}

<h1>{{ collection.title }}</h1>
<p>{{ collection.products_count }} products</p>

{% for product in collection.products %}
  {{ product.title }}
{% endfor %}

{% for filter in collection.filters %}
  <div class="filter">
    <h4>{{ filter.label }}</h4>
    {% for value in filter.values %}
      <label>
        <input type="checkbox" 
               name="{{ filter.param_name }}" 
               value="{{ value.value }}"
               {% if value.active %}checked{% endif %}>
        {{ value.label }} ({{ value.count }})
      </label>
    {% endfor %}
  </div>
{% endfor %}

{% if cart.item_count > 0 %}
  {% for item in cart.items %}
    {{ item.title }} x {{ item.quantity }}
  {% endfor %}
  <strong>Total: {{ cart.total_price | money }}</strong>
{% else %}
  Your cart is empty
{% endif %}

{% if customer %}
  Welcome back, {{ customer.first_name }}!
  You've placed {{ customer.orders_count }} orders.
{% else %}
  <a href="/account/login">Log in</a>
{% endif %}

<article>
  <h1>{{ article.title }}</h1>
  <p>By {{ article.author }} on {{ article.published_at | date: '%B %d, %Y' }}</p>
  {{ article.content }}
</article>

{% if search.performed %}
  <p>{{ search.results_count }} results for "{{ search.terms }}"</p>
  
  {% for result in search.results %}
    {% if result.object_type == 'product' %}
      {{ result.title }} - {{ result.price | money }}
    {% elsif result.object_type == 'article' %}
      {{ result.title }} - {{ result.published_at | date: '%B %d' }}
    {% endif %}
  {% endfor %}
{% endif %}

{% for link in linklists.main-menu.links %}
  <a href="{{ link.url }}">{{ link.title }}</a>
  
  {% if link.links.size > 0 %}
    <ul>
      {% for child in link.links %}
        <li><a href="{{ child.url }}">{{ child.title }}</a></li>
      {% endfor %}
    </ul>
  {% endif %}
{% endfor %}

<style>
  :root {
    --color-primary: {{ settings.color_primary }};
    --font-body: {{ settings.type_body_font | font_property: 'family' }};
  }
</style>

{% if settings.show_announcement_bar %}
  <div class="announcement">{{ settings.announcement_text }}</div>
{% endif %}

<select name="country">
  {% for country in localization.available_countries %}
    <option value="{{ country.iso_code }}" 
            {% if country == localization.country %}selected{% endif %}>
      {{ country.name }} ({{ country.currency.iso_code }})
    </option>
  {% endfor %}
</select>

{% if recommendations.products.size > 0 %}
  <h2>You may also like</h2>
  {% for product in recommendations.products %}
    {% render 'product-card', product: product %}
  {% endfor %}
{% endif %}

{% if template == 'product' %}
  Product page specific content
{% endif %}

{{ template.name }}
{{ template.suffix }}

<section id="{{ section.id }}" class="{{ section.settings.custom_class }}">
  {% for block in section.blocks %}
    {{ block.settings.title }}
  {% endfor %}
</section>

{% for block in section.blocks %}
  <div {{ block.lms_attributes }}>
    {{ block.settings.heading }}
  </div>
{% endfor %}

{% form 'contact' %}
  {{ form.errors | default_errors }}
  {{ form.posted_successfully? }}
{% endform %}

{% paginate collection.products by 12 %}
  {{ paginate.pages }}
  {{ paginate.current_page }}
  {{ paginate.previous.url }}
  {{ paginate.next.url }}
{% endpaginate %}