Adding a slider
Some blocks on our platform contain a slider allowing you to display images in a carousel where they change manually or automatically. You can add a ready-made slider to your website or enable this mode in existing blocks with a collection.
Adding a cover slider
If you want to add a slider as a first screen of your page, we recommend choosing our easily customizable and fully responsive cover sliders.
1. Open the blocks gallery and navigate to the First screen tab, then choose cover-2 or cover-4 blocks:
2. To open the settings of the slider, hover over the block and click on the "gear" at the top right corner:
3. In the opened window navigate to the Slider tab:
Here you can change the type and the color of the controls as well as the type of indicator that will be displayed at the bottom of the slides. Besides, you can choose the animation transition of the slides, enable the autoplay or loop the slides.
4. To add a new slide in the cover, hover over the block and click on Slide at the top right corner:
5. If you want to change the slides order, delete, or copy each of them, click on the three stripes at the top right corner to open the Slides order menu:
6. Moreover, you can change the background of each slide in the cover separately. For that, in the Slides order menu click on the "paint bucket" icon and choose the needed color or image in the pop-up window:
Remember that the slides in the cover are independent of each other. You can add any elements available in our gallery to each slide separately — for example, contact form, buttons, social icons and more. Learn more about how to add elements to the block in the article Adding elements.
Note: some blocks on our platform also contain the slider, but its functionality is quite limited. You can define such blocks in the gallery by the navigation controls:
Enabling a slider mode in the existing blocks
Some blocks on our platform contain the collection items — a set of certain fully interdependent elements that are gathered in one place. You can turn the collection into a slider in the settings.
1. For that, hover over the collection item and click on the "gear" in the top right corner to access its settings:
2. Navigate to the Modes tab in the Settings to add a slider:
3. Once you've chosen the Slider mode, you can set the type and the color of the controls, and many more:
4. To add a new slide in the collection, hover over the existing one and click on Slide at the bottom left corner:
4. To add a new slide in the collection, hover over the existing one and click on Slide at the bottom left corner:
5. If you want to change the slides order, click on the three stripes at the top right corner to open the Slides order menu:
Remember that each item in the collection has the same layout as others, therefore, if you add an element to one item in the collection, it will be automatically added to others. To learn how you can change the background or the layout of your slides, check the article Collection items settings.
Related Articles
Adding and Setting a Gallery
Use a gallery on your site to create your photographer portfolio, share some company's event or live photos of your products. Five different layouts will help you to choose the best way to present the images. Follow the instructions below to see how ...Adding a Before/ After Gallery
If you want to showcase the changes by comparing 2 images, the Before/ After gallery will be a perfect solution. This functionality suits best for dentistry, beauty industry, construction and interior design companies, etc. The site visitors can pull ...Setting Slides to Autoscroll
Whether it's a cover slider block or a slider mode in the collections of items, you can enable the auto scroll effect for the slides. Tip: learn more about the slider in the article Adding a slider. Setting slides to auto scroll 1. To open the ...Adding Images
Adding images to the site is an excellent way to illustrate what your page is about and attract the customers' attention to your company. With the help of our editor, you can add a picture to almost any of the ready-made blocks. Before you begin, we ...Adding site's background
A good background creates the tone for the website and complements the content. On SiteCliq, you can add an image, a video or a color to the site’s background, and easily adjust it to your needs. Follow the steps below to add a site's background. ...