Deprecation Notice

Vue-based themes will soon be deprecated. Please switch to React-based themes, as all future updates and support will focus exclusively on React.

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>