{% if errors != blank %}
  <ul class="errors">
    {% for error in errors %}
      <li>{{ error }}</li>
    {% endfor %}
  </ul>
{% endif %}

{% if theme.image_sets.slideshow_images.size > 0 %}
  {% if theme.image_sets.slideshow_images.size > 1 %}
    <div class="flexslider">
      <ul class="slides">
        {% for image in theme.image_sets.slideshow_images %}
          <li><img src="{{ image.url | constrain: 1300 }}" alt="Slideshow image {{ forloop.index }}"></li>
        {% endfor %}
      </ul>
      <ul class="flex-nav">
        <li class="flex-nav-prev">
          <a class="flex-prev" href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7.6 15" enable-background="new 0 0 7.6 15"><path d="M6.4 15l-6.4-7.5 6.3-7.5 1.1 1-5.4 6.5 5.6 6.5z"/></svg></a>
        </li>
        <li class="flex-nav-next">
          <a class="flex-next" href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7.6 15" enable-background="new 0 0 7.6 15"><path d="M1.1 0l6.5 7.5-6.3 7.5-1.2-1 5.5-6.5-5.6-6.5z"/></svg></a>
        </li>
      </ul>
    </div>
  {% else %}
    <div class="welcome_image">
      {% for image in theme.image_sets.slideshow_images limit: 1 %}<img src="{{ image.url | constrain: 1300 }}" alt="Welcome image">{% endfor %}
    </div>
  {% endif %}
{% endif %}
{% if theme.featured_products > 0 %}
  {% paginate products from products.current by theme.featured_products order:theme.featured_order %}
    {% if products != blank %}
      <h1>Featured Products</h1>
      <ul class="products">
        {% for product in products %}
        <li class="{{ product.css_class }}">
          <a href="{{ product.url }}">
            <img alt="" src="{{ product.image | product_image_url | constrain: 600, 600 }}">
            <div class="product_name">{{ product.name }}</div>
            <div class="product_price">{{ product.default_price | money: theme.money_format }}</div>
  					{% case product.status %}
  						{% when 'active' %}
  							{% if product.on_sale %}<span class="status">On Sale</span>{% endif %}
  						{% when 'sold-out' %}
  							<span class="status">Sold Out</span>
  						{% when 'coming-soon' %}
  							<span class="status">Coming Soon</span>
  					{% endcase %}
          </a>
        </li>
        {% endfor %}
      </ul>
      {% if paginate.pages > 1 %}
        {{ paginate | default_pagination, 'pagination', 'pagination', '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7.6 15" enable-background="new 0 0 7.6 15"><path d="M6.4 15l-6.4-7.5 6.3-7.5 1.1 1-5.4 6.5 5.6 6.5z"/></svg> Prev' , 'Next <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7.6 15" enable-background="new 0 0 7.6 15"><path d="M1.1 0l6.5 7.5-6.3 7.5-1.2-1 5.5-6.5-5.6-6.5z"/></svg>' }}
      {% endif %}
    {% else %}
      <p class="no_products">No products found.</p>
    {% endif %}
  {% endpaginate %}
{% endif %}