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

Introduction

Overview Understanding Themes Global Objects Startup Widgets

Global Widgets

ms.banner

This widget represents the banner.

Attributes

name Specifies 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.
name Return the name of the banner.
title Return the title of the banner.
subtitle Return the subtitle of the banner.
image Return the image url to render the image.
alias Returns 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>