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

ms.banner

This widget represents the banner.


Attributes

nameSpecifies the alias of the banner.

Variables

banner
It returns the banner object having all the details of the banner like name, image(Relative URL), URL, title, subtitle, publish etc.
nameReturn the name of the banner.
titleReturn the title of the banner.
subtitleReturn the subtitle of the banner.
imageReturn the image url to render the image.
aliasReturns the alias of the banner.

Examples

Get banner from banner alias (vuejs themes)

<ms-banner :name="home_banner1"> 
      <div v-if="banner.image"> 
          <a :href="banner.url"> 
              <ms-image :src="ms.filters.image(banner.image, '1000x1000')" :alt="banner.title"></ms-image>
          </a>
     </div> 
     <div> {{banner.title}} </div>
     <div> {{banner.subtitle}} </div>
</ms-banner> 

Get banner from banner alias (angular themes)

<div ms-widget="ms.banner" ms-data-name="banner_name">
    <div v-if="banner.image">
    <a ng-href="{{banner.url}}"> <img ng-src="{{banner.image|image:'1024x1024'}}" alt="{{banner.title}}"> </a>  
    </div>
      <div> {{banner.title}} </div>
     <div> {{banner.subtitle}} </div>      
</div>