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.
You can make new entries to your banner list by adding a new banner. You can add a new banner by two types.
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.
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.
Mention the position number as on which sequence the banner is 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.
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'}}">
</a>
</div>