<img src="abc.png" />
call to replace anchor tags contains '/admin' in href


 You can use banners on your StoreHippo site to make it look more attractive. Banners are static images that appear across a particular section on a store's Homepage. The banners can be changed as per the requirement of your store. For example, you can have a banner image depicting Christmas during the month of December. With banners, your store will appear both dynamic and beautiful.

You can have a series of banners listed on your store's admin. You can search, add and edit the banners in the admin panel.

Go to Site > Banners section in StoreHippo Admin Panel to manage banners.


You can look up for a particular banner that you have added in the past. 

Add New Banner

You can make new entries to your banner list by adding a new banner. You can add a new banner by two types. 

Using Admin panel

Let us now take a look at how to add a new banner. Click on Add New to add a new banner. A new page as displayed below will open.

Fill in the details in the given fields:


Enter a name for your new banner.

Note:SameName as Alias must be given which is added for the banner in Design theme: Design > Home.


Upload the banner image you wish to add to the site.


Enter the URL of the page that you want your customers to be redirected to when they click on the banner.


Enter the title that you want to be displayed on the banner image.


Enter the subtitle that you want to be displayed on the banner image.


Check on Publish if you want to show the banner on the site, else uncheck it to unpublish it and publish later.

Sort Order

Mention the position number as on which sequence the banner to be placed.


Select the substores if you want this linked product to be visible only for those substores. Leave blank to show it for all substores. 

This feature is available in selected plans only. Please check your pricing plan for this feature.

Using Widget

Use this widget to provides object along with all the details related to that banner (title, subtitle, images, URL). 'ms-data-name' attribute specifies the banner name.

<div class="banner" ms-widget="ms.banner" ms-data-name="banner-name"> 
    <a ng-href="{{banner.url}}">
        <img ms-widget='ms.responsiveImage'
             ms-data-valign='middle' alt='{{banner.title}}' ms-data-halign='center'  ms-data-aspect-ratio='1:1' ng-src="{{banner.image|image:'480x480'}}">


Steps to locatebannername

  1. Click on Design theme intop right corner in StoreHippo Admin Panel. Design theme panel will be displayed.

  1. Click on Home. Clicking on Home will display a list of banners with the alias name.

  1. Set a different alias name if you wish to change or keep the alias name same.