The sliders offered by Master slider apps are responsive in nature and it works and looks great on any sized desktop, tablet, and mobile devices.
The Master Slider app offers numerous pre-built templates along with a clear template with no layout. Merchants can get started with the sliders in no time. You’ll find this pre-built template library while you begin creating your slider. Let us show you:
- Go to the app dashboard
- Enter the details of the templates like Name, ID, Class and click on Next.
- You’ll find a collection of pre-built templates. Choose the one you like & get going.
The app offers a good number of slider transitions. Listed below are a few:
You can change the slider transition as per your needs.
Let us show you how you can get to these transitions:
- Go to the app dashboard
- Add the details of the slider like Name, Id, Class & click on Next.
- You will be taken to the Pre-built template library. Choose the template you want & click on Finish.
- Now, you will be redirected to the Slider Settings where you can define the behavior of your slider.
- Coming to slider transition. You can find these transitions under the General Settings.
- Click on General Settings and you’ll find the below list of the transitions.
- Horizontal
- Vertical
- Fade
- Select the one you like & click on Update.
- Visit your storefront to view the changes.
Master Slider app is an easy to use app that allows you to add any number of beautiful sliders to your website simply by placing one line of code to the store backend.
Let us give you a quick overview of creating a slider in your storefront simply by placing online of code to the backend of your store:
- Go to the app dashboard
- Add the details of the slider like Name, Id, Class & click on Next.
- You will be taken to the Pre-built template library. Choose the template you want & click on Finish.
- Now, you will be redirected to the Slider Settings where you can define the behavior of your slider. For instance,
- You can edit/delete the images you want to add/remove from the slider in your storefront. Moreover, you can also add custom slider by dropping the image in the Add Slide
- You can custom CSS and JS to match the slider with your store UI.
- In General settings, you can define the name of the title, speed, type, etc.
- In Pagination settings, you can define more hover colors, thumbnails, etc to your slider.
- With Controls-Arrow settings, you can define controls using the images to your slider.
- Similarly, you can configure a few more settings made available to you.
- Click on Update
- As soon as you click on Update, you’ll be redirected to the dashboard where you can find all the sliders you created.
- You’ll find the shortcode beside the slider you created. Copy the shortcode of the slider & place it to your desired location & visit the storefront to view the slider you’ve just added to your store. In any case, if you get stuck in the middle while adding the shortcode, you may contact our support team at support@hulkcode.com
Master Sliders have taken complete care of your website’s SEO & hence the sliders offered by Master Sliders are proven SEO friendly and will not affect your website SEO.
With the Master Slider app, you can not only add sliders to your website but can also add an overlay button, custom HTML and Image in your slider.
Here’s how you add it:
Adding a Button via Text/HTML
- Go to the app dashboard
- Enter the details of the templates like Name, ID, Class and click on Next
- You’ll find a collection of pre-built templates. Choose the one you like & get going.
- You’ll be redirected to the Slider Customization where you can customize the slider your way.
- Let us add an HTML button code in the slider.
- Go to Add Layer
- Click on Text/HTML
- Add a button HTML code, customize the way you want & click on Save
Adding a Button in Slider via Button attribute
- Go to the app dashboard
- Enter the details of the templates like Name, ID, Class and click on Next
- You’ll find a collection of pre-built templates. Choose the one you like & get going.
- You’ll be redirected to the Slider Customization where you can customize the slider your way.
- Let us add an HTML button code in the slider.
- Go to Add Layer
- Click on Button, customize the way you want & save your settings.
Adding an Image in Slider via Image attribute
- Go to the app dashboard
- Enter the details of the templates like Name, ID, Class and click on Next
- You’ll find a collection of pre-built templates. Choose the one you like & get going.
- You’ll be redirected to the Slider Customization where you can customize the slider your way.
- Let us add an HTML button code in the slider.
- Go to Add Layer
- Click on Image, customize the way you want & save your settings.
While you are using the Master Slider app, you can also schedule the sliders as per your choice. Here’s how you do it:
- Go to the app dashboard
- Enter the details of the templates like Name, ID, Class and click on Next
- You’ll find a collection of pre-built templates. Choose the one you like & get going.
- You’ll be redirected to the Slider Customization where you can customize the slider your way.
- Go to info under the slide settings
- Click on Save & you’re done
- Repeat the same process for each slide you want to schedule.
The app allows you to add unlimited layers while you are creating slides for your Shopify store. You can add ‘n’ number of Text/HTML, Buttons & images to your slides as & when needed.
With Master Slider, you have complete control over the look & feel of your slider. You can change the appearance of your sliders by using the numerous layout features & at the same time can control the behavior of the slider the way you want.