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>