Back
Introducing Stunning Sliders in Builder 2.0
What is it and why you need it
Builder 2.0 just got a big update. You can now use slider templates on any page in seconds without worrying about any coding at all.
You'll have full control over how your slider appears on the website including adjusting the speed, setting how many slides appear per view, scrolling behavior, and customizing the look to perfectly match your brand.
With sliders, you can now start creating interactive experiences for your visitors and easily showcase testimonials, feature products or courses, instructors, etc. that are even more visually appealing on your site.
How to get started using it
Head over to the Builder 2.0 and find the new Sliders menu on the left sidebar. Click the Sliders menu to view different pre-built slider templates ready to use.
Drag and drop any pre-built slider onto the empty section.
To edit the slider content and other related settings, open the editing panel by right-clicking the slider. Under the Slider Content, you can enable/disable the slider content, change slider title, and description.
The Slide Items allow you to edit each slider card’s title, name, image, and adjust the rating scale as well.
You also have the option to add a new slider, clone, delete, and reorder any existing sliders.
The Slides Per View lets you set how many slides to display at a time. And the Slides Scroll lets you decide how many times the navigation button can be scrolled
You can enable and set the Autoplay Speed of the slides in seconds. Meaning, after some specific seconds the cards will slide automatically on their own.
Enabling the Loop option allows scrolling sliders without any limit. Which means the ‘Slides Scroll’ option will get disabled (if you’ve set it).
As usual, the Title Styles offers the flexibility to change the title font, color, text decoration, alignment, and more.
If your slides have the Rating style, then you can decide whether to show/hide it or make any changes to its alignment.
Similar to title styles, the Description Styles lets you change the slider description’s font, color, decoration, etc.
Both Card Title and Name Style are identical to each other. These settings are almost the same as any other card style settings on the Builder 2.0.
The background of the card body and its footer can be changed from the Card Body and Card Footer settings.
The navigation arrows at the top right corner of the slider is also customizable. From the Navigation Styles, you can set the gap between the two arrows, change its body and background color.
Lastly, you can add box shadows and change the entire slider’s background color very easily using options under the Box Shadow and Background Color settings.
Not to forget that the Styles tab and General tab work similarly to how they work with the other elements and widgets inside the Builder 2.0 for advanced customization.
