Adding sliders to the homepage banner

Adding sliders to the homepage banner

Overview

Vacation Labs lets you add multiple banner slides to your website (Homepage, Static Page, etc.) so you can showcase products in the first fold of the page. You can display different types of sliders, such as:
  1. Tour Slide – Shows tour details like Name, Image, Duration, and Price.
  2. Collection Slide – Shows collection details like Name, Image, Price, and Total Tours in the Collection.
  3. Promotion Slide – Shows coupon details like Name, Image, and Coupon Code.
  4. Custom Slide – Lets you add an image, button with a custom link, headline, and tagline.

Steps to Add Sliders to the Homepage:

To add a banner slide to your homepage, log in to Vacation Labs and navigate to Website > Pages > Homepage > Banner Slides and Click on the + to add a slide

Choose the type of slider you want to display (Tour, Collection, Promotion, or Custom), edit the slide details as required, and then click Save to apply the changes


Idea
When adding a banner image to the homepage banner, you need to set the focus point on the image so that it can be viewed properly across all devices. To learn more about banner images and focus points, please click here.

Quote
What's Next?
You can also display a video on Banner slide for your Homepage, read our article on Setting up Video on Auto Play on the homepage

    • Related Articles

    • How to Add an Autoplay Video to a Page Banner

      You can enhance your website's homepage by adding an auto-playing video to the banner slider. This feature is ideal for short, engaging clips that play on a continuous loop. Important Considerations Before You Begin Performance Impact: Autoplaying ...

    • Banner images and focus points

      Overview The "banner" image that you pick for a tour, collection, or static page, is shown at a number of places in a variety of sizes, aspect ratios, and orientations. For example: On the desktop, as a full sized "horizontal" banner image (what is ...

    • Adding third-party widgets to the VL website

      Overview Add third party widgets to VL website Generating an Instagram widget Generating a Google Reviews widget Please Note: Adding third-party widgets to your website can negatively impact your Google PageSpeed scores. Add third party widgets to VL ...

    • Adding Images inside Itinerary

      At the moment we don't have an inbuilt option to add images inside the itinerary, but we do have an option in our text editor that allows you to add images. Quick Overview Steps to Add images to the Itinerary of a tour: Upload all images to that ...

    • Adding Multiple Sections to your Website

      You add multiple sections on any static page to show more content with different styles and layouts. For example: you may want to display more than 2 carousels for the Tour cards, or collection cards, etc. Please follow the below steps to add ...