Collections

In platform we can create collections of products basis on some criteria. for e.g summer clothes, discounted, bags, etc.

Context	type	Description
collections	Object	Collections related data

theme/templates/pages/collections.vue

<template v-if="context.collections && context.collections.items && context.collections.items.length > 0">
      <div class="card-container">
        <div class="top-items">
          <div class="title-block">
            <div
              class="section-heading"
              :style="'color:' + global_config.props.text_heading_link_color"
              v-if="
                page_config.props.title &&
                page_config.props.title.length > 0
              "
            >
              {{ page_config.props.title }}
            </div>
          </div>
            <fdk-infinite-collections>
            <template slot-scope="collectionListing">
            <fdk-infinite-scrolling
              :loadingData="loading"
              v-on:loadmore="collectionListing.loadmore"
            >
          <group-list
            :cardlist="context.collections.items"
            :cardtype="'COLLECTIONS'"
            :itemcount="page_config.props.items_per_row"
            :global_config="global_config"
          ></group-list>
            </fdk-infinite-scrolling>
          </template>
            </fdk-infinite-collections>
              <fdk-loader
          v-if="!(context.collections.page.has_next === false)"
          id="loader"
        ></fdk-loader>

        </div>
      </div>
    </template>