Helpcenter +918010117117 https://help.storehippo.com/s/573db3149f0d58741f0cc63b/ms.settings/5256837ccc4abf1d39000001/57614ef64256dc6851749879-480x480.png" [email protected] https://www.facebook.com/StoreHippohttps://twitter.com/StoreHippohttps://www.linkedin.com/company/hippoinnovations/https://plus.google.com/+Storehippo/posts
B4,309-10 Spaze iTech Park, Sector 49, Sohna Road, 122001 Gurgaon India
Create a Trial Store StoreHippo.com Contact Us
- Email:
[email protected]
Phone:
+918010117117
Introduction
Overview Understanding Themes Global Objects Startup WidgetsGlobal Widgets
ms.form.affiliateLogin ms.form.affiliateRegister ms.form.sellerLogin ms.form.sellerRegister ms.login ms.dialog ms.modal ms.collections ms.brands ms.product ms.order ms.forms ms.form.register ms.navigation ms.slides ms.banner ms.languages ms.currencies ms.products ms.userWishlist ms.userAddresses ms.addon.addthis ms.form.search ms.categories
ms.navigation
This widget returns the list of all the navigation links or a single navigation link if the alias for a particular navigation is used.
Attributes
| alias | Specifies the alias of the navigation. |
|---|
Variables
| navigation | Returns the list of all the navigation links as of no alias is used with ms.navigation. | ||||||
|---|---|---|---|---|---|---|---|
| navigation.links | Returns the list of links available under a particular navigation of which alias attribute is used.
|
Examples
Show header navigation (vuejs themes)
<ms-navigation alias="header">
<div v-for="link in navigation.links">
<a :href="link.url">{{link.title}}</a>
</div>
</ms-navigation>Show header navigation (angular themes)
<ul ms-widget="ms.navigation" ms-data-alias="header">
<li ng-repeat="link in navigation.links">
<a href="{{link.url}}">{{link.title}}</a>
</li>
</ul>