How to add banners?

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. 

Method 1

You can manage your banners in StoreHippo Admin Panel. Follow the below steps to do so:

• Go to Site > Banners section in the StoreHippo Admin Panel.
• Click the Add New button to add a new banner or click on the Edit option to edit the existing one. 
• Provide the name and click on Choose File to upload an image to be shown in the banner.
  
• Mention the URL of the page you would want your customers to redirect when they click on the banner.
• Enter Title, Subtitle, and description for the banner.
• Select the checkbox to publish the banner on the storefront.
• Click on Save.

Method 2

You can also add banners through the StoreHippo Theme Designer. Adding banners through the theme designer is very easy. The functionality of drag and drop is provided to easily add the banner. Follow the mentioned steps to add banners to your store:

• Go to the Design theme in the StoreHippo Admin Panel. 
• In the window appears, hover on the banner and click on it to upload a banner.
• Select the image and upload it. Once the banner is uploaded, the success message will be shown.  
• The banner is now updated to your website. 

Simpler Code to add banner : 

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

Related Topics

• Sliders for the specific time period
• Banners for the specific time period
• Languages based sliders
• Language based banners
• How to add sliders?
• How to add banner on pop up on site load?
• How to add banners for specific user groups?