Helpcenter +918010117117"
B4,309-10 Spaze iTech Park, Sector 49, Sohna Road, 122001 Gurgaon India
call to replace anchor tags contains '/admin' in href


You can use slides on your StoreHippo site to promote your products and make your store more attractive. Slides are images that appear on your store's homepage and keep changing at short intervals. The slides can be updated as per the requirement of your store. For example, you can have a slide displaying your latest collection or promotional offers.

You can manage slides in Site > Slides section in StoreHippo Admin Panel.

Adding a slide

 To add a new Slide, click on the Add New button in the top right corner. Clicking on the button will open a form with following fields:


Click on Choose File to upload an image and to be shown on the slide.


Give an appropriate Title/Subtitle if needed.


Enter a description as needed.


Mention the URL of the page you would want your customers to be redirected to when they click on the slide.


Input some words which can be used as tags to find a particular slide.


Unselect checkbox to hide slide on the storefront.

Sort Order 

Give a numerical position to slide to make it appear in that particular sequence if there are more than one slide. 


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 slides in theme

You can use ms.slides global widget to use slides in your store themes.

Use this widget to provides object along with all the details related to that slides(title, subtitle, images, URL).

<div class="slider home-slider hidden-xs hidden-ms"  ms-widget="ms.slides" >
    <div ng-if="loading">       
            <p class="spinner" class="text-center">
                <i class="fa fa-cog text-center fa-spin fa-5x"></i>
    <div ng-if="!loading" class="carousel slide" id="home-carousel" data-ride="carousel">
        <div class="carousel-inner">
            <div ng-repeat="slide in slides" class="item" ng-class="{active: $index==0}">
                <a href="{{slide.url}}">
                    <img class="image" ms-data-aspect-ratio='1920:635' ng-src="{{slide.image|image:'2048x2048'}}" alt="{{slide.title}}" >


How to add sliders to a store?

Change slider image ratio

Sliders for specific time period

Language based sliders

How to add sliders for specific user groups?