Helpcenter +918010117117" [email protected]
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 the Site > Slides section of the 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 the 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.


You can add different slides for different languages. For example, you have one slide that has English content written on it and you have another slide that has Arabic content written on it. You can use both the first slide when English language is selected and vice versa.


You can set device-specific slides. Sometimes, your image may lose its original quality when viewed on a different device. So, to avoid that, you can add different slides for different devices.


Unselect the checkbox to hide the slide on the storefront.

Sort Order 

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


Select the substores if you want this slide 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.

User Groups

You can add the user groups specific slides. Select the user groups if you want this slide to be visible only for those substores. Leave blank to show it to all the users. 

Using slides in theme

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

Use this widget to provide objects 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?

How to add sliders for specific devices?