---
layout: sidebar-v1
title: Products
---

<div class="toolbar-v1-fixed-wrap">{{> toolbar-v1}}</div>

<!-- Container -->
<div
  id="shop-page"
  class="container sidebar-boxed"
  data-open-sidebar
  data-page-title="Products"
>
  {{> toolbar-v1}}

  <div class="shop-wrapper">
    <div class="shop-header">
      <div class="container">
        <div class="header-inner">
          <div class="store-block">
            <div class="img-container">
              <img src="assets/img/vector/icons/logos/store.svg" alt="" />
              <div class="follow-badge is-hidden">
                <i data-feather="check"></i>
              </div>
            </div>
            <div class="store-meta">
              <h3>Iconic</h3>
              <span>Quick fashion for everyone</span>
            </div>
          </div>

          <div class="activity-block">
            <h3>Overview</h3>

            <div class="inner-wrap">
              <div class="stat-block">
                <div class="stat-number">252</div>
                <span>Products</span>
              </div>
              <div class="stat-block is-bordered">
                <div class="stat-number">4.7K</div>
                <span>Likes</span>
              </div>
              <div class="stat-block">
                <div class="stat-number">2.1K</div>
                <span>Followers</span>
              </div>
            </div>
          </div>

          <div class="about-block">
            <h3>About Us</h3>
            <div class="ellipse-text">
              We are an independent fashion store and we sale finely designed
              and handcrafted outfits for the best price. Browse our collection
              and discover our products.
            </div>
          </div>
        </div>

        <div class="store-tabs">
          <a data-tab="products-tab" class="tab-control is-active">Products</a>
          <a data-tab="brands-tab" class="tab-control">Brands</a>
          <a data-tab="followers-tab" class="tab-control">Followers</a>
          <div class="store-naver"></div>
        </div>
      </div>
    </div>

    <div class="store-sections">
      <div class="container">
        <!--Products-->
        <div id="products-tab" class="store-tab-pane is-active">
          <div class="columns is-multiline">
            <!-- /partials/commerce/products/products-list.html -->
            {{> products-list-narrow}}
          </div>
        </div>

        <!--Followers-->
        <div id="followers-tab" class="store-tab-pane">
          <div class="columns is-multiline followers-wrap">
            <!-- /partials/commerce/products/products-followers.html -->
            {{> products-followers}}
          </div>
        </div>

        <!--Brands-->
        <div id="brands-tab" class="store-tab-pane">
          <div class="columns is-multiline">
            <!-- /partials/commerce/products/products-brands.html -->
            {{> products-brands-narrow}}
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

{{> product-quickview}}
