ms.collections

This widget is used to render all collections (or single collection) from an entity.

Attributes
Variables
Examples

Attributes

page_size	This attribute is used to define the page size i.e number of records that you want to show on a single page.
sortfields	This is attribute is used to sort the records on the basis of any field. Example: ms-data-sortfields='name'
resolve	This attribute is used to resolve the data from a particular entity from the field whose typeof is select.

Variables

collections

Returns array of collections in hierarchical format. Each collection has various detail about itself such as name, alias, image and etc.

name	Returns the name of the collection name.
alias	Returns the alias of the collection alias.
image	Returns the url of the image of the collection.
substore	Returns the substores in which collection are active.

Examples

Display all collections (vuejs themes)

<ms-entity entity="ms.collections">
    <div v-if="group.records?.length">
        <h3 v-for="collection in group.records">
            <a :href="'/collection/'+collection.alias" :title="collection.name">
                {{collection.name}}
            </a>
        </h3>
    </div>
</ms-entity>

Display all collections

<div ms-widget="ms.collections">
    <div ng-if="collections.length">
        <h3 ng-repeat="collection in collections">
            <a ng-href="/collection/{{collection.alias}}" title="{{collection.name}}">
                {{collection.name}}
            </a>
        </h3>
    </div>
    <div ng-if="!collections.length">
        <p>No collection exist!</p>
    </div>
</div>

Introduction

Global Widgets