product

{%- assign collection = collections['all'] -%}

{% for product in collection.products limit: 8 %}
  {{ product.title }} — {{ product.price | money }}
{% endfor %}

{% if product.type == 'Bundle' %}
  {% assign strategy = product.pricing_strategy.strategy %}

  {% if strategy.type == 'DISCOUNT_BASED' %}
    <span>{{ strategy.discount_percentage }}% off when bought together</span>
  {% endif %}

  <p>Includes:</p>
  <ul>
    {% for offer in product.offers %}
      <li>{{ offer.title }} — {{ offer.price | money }}</li>
    {% endfor %}
  </ul>
{% endif %}

{{ product.featured_image | img_url: 'large' }}

{{ product.price | money }}
{{ product.compare_at_price | money }}

{% if product.members_only %}
  {% if product.available_for_all_tiers %}
    <p>Available for all members</p>
  {% else %}
    <p>Available for:
      {% for tier in product.required_tiers %}
        {{ tier.name }}{% unless forloop.last %}, {% endunless %}
      {% endfor %}
    </p>
  {% endif %}
{% endif %}

{% if product.promotion_badges %}
  {% for badge in product.promotion_badges %}
    <span class="badge badge--{{ badge.type }}">{{ badge.label }}</span>
  {% endfor %}
{% endif %}

<div class="product-card">
  {% if product.featured_image %}
    <img
      src="{{ product.featured_image | img_url: 'large' }}"
      alt="{{ product.title }}"
      loading="lazy"
    >
  {% endif %}

  {% if product.promotion_badges %}
    {% for badge in product.promotion_badges %}
      <span class="badge badge--{{ badge.type }}">{{ badge.label }}</span>
    {% endfor %}
  {% endif %}

  <h3>{{ product.title }}</h3>

  <div class="price">
    {% if product.compare_at_price %}
      <s>{{ product.compare_at_price | money }}</s>
    {% endif %}
    <span>{{ product.price | money }}</span>
  </div>

  {% if product.type == 'Bundle' %}
    <p>{{ product.offers.size }} items in this bundle</p>
  {% endif %}

  {% if product.available %}
    <a href="{{ product.url | localized_url }}">View product</a>
  {% else %}
    <p>Out of stock</p>
  {% endif %}
</div>