Skip to content
Advanced Slider Pro

Advanced Slider Pro Module

Elevate Your Site with the Advanced Slider for Unmatched Visual Impact and Smooth Transitions!

 

Layout 1

 

  1. Select either Layout 1 or Layout 2.
  2. users can choose to use Jquery CDN or not. when enabled, allows to load of the jQuery library from a Content Delivery Network (CDN) for faster performance and reliability. This helps ensure the slider functions smoothly without relying on a local copy of jQuery.
  3. Users can add multiple images to the slider.
  4. Users can select the previous-next button type according to their preferences.
  5. Add previous button text per the design needs.
  6. Add next button text per the design needs.
advanced slider ss 1
advanced slider ss 2

Customize the images for the slider.

  1. Add heading text.
  2. Add pre heading text.
  3. Show or hide button. Add button text and URL.
  4. Select a background image per the design needs.
  5. Add alt text for the image, enhancing accessibility and SEO
  1. Customize the previous button settings. Set icon per the design needs.
  2. Customize the next button settings and set the icon to fit the desired design needs.
Frame 59
advanced slider ss 3 (1)
  1. Customize the font size for the heading.
  2. Customize the text color for the heading text.
  3. Customize the text thickness for the heading text.
  1. Customize the font size of the pre heading.
  2. Customize the text color of the pre heading.
  3. Customize the font thickness.
advanced slider ss 4 (1)
advanced slider ss 5
  1. Customize the border corner for the content button.
  2. Customize the background color for the content button.
  3. Customize the text size and text color for the content button.
  4. Adjust the font thickness.
  5. Configure precise margins and padding for the content button with this customizable feature.
  1. Customize the color for the previous-next button.
  2. Customize the font size.
advanced slider ss 6-1
advanced slider ss 7

Layout 2

  1.  Select layout 2.
  2. Customize the images for the slider for layout 2.
  3. Customize the slider settings for layout 2.
  4. Customize the navigation settings for layout 2.
  5. Show or hide pagination.
  1. Show or hide the background image. Set the background image to fit the desired design needs.
  2. Add alt text for the image, enhancing accessibility and SEO.
  3. Show or hide the heading. Add heading text to match the design perfectly.
  4. Show or hide the paragraph and add paragraph text.
  5. Show or hide the sub-heading.
  6. Show or hide the button. Add button text and button link URL.
advanced slider ss 8
advanced slider ss 9
  1. Users can select vertical slide according to their preferences.
  2. Users can auto-slide the images.
  3. Adjust the time for auto slide delay.
  4. Stop the advanced slider on interaction by enabling the stop slider on interaction feature. This ensures the slider pauses when the user interacts with it.
  5. Adjust the slide changing speed.
  6. Enable or disable touch navigation/ clickable according to preferences.
  1. Show or hide navigation buttons.
  2. Set the previous icon.
  3. Set the next icon.
advanced slider ss 10
advanced slider ss 11
  1. Users can customize the width of the container.
  2. Adjust the width of the container.
  1. Customize the container width.
  2. Adjust the text container's horizontal and vertical alignment.
  3. Adjust the margin and padding around the layout.
  4. Adjust the left margin, right margin and text gap for the layout
advanced slider ss 12
advanced slider ss 13
  1. Adjust the font size of the large screen, medium screen, and small screen for the heading text group.
  2. Customize the text color of the heading text group.
  3. Adjust the font thickness.
  4. Adjust the text alignment.
  1. Adjust the font size of the large screen, medium screen, and small screen for the subheading/ paragraph.
  2. Customize the text color of the sub heading/ paragraph. .
  3. Adjust the text thickness.
  4. Adjust the text alignment.
advanced slider ss 14
advanced slider ss 15
  1. Adjust the font size of the large screen, medium screen, and small screen for the subheading/ price tag.
  2. Customize the text color of the sub heading/ price tag. .
  3. Adjust the text thickness.
  4. Adjust the text alignment
  1. Adjust the spacing and padding around the button group.
  2. Customize the background color and text color for the button group.
  3. Adjust the font size of the large screen, medium screen, and small screen for the button group.
  4. Adjust the font thickness of the button group text.
  5. Adjust the alignment of the button group.
  6. Customize the border style, color, width, and border corner for the button group.
 
advanced slider ss 16
advanced slider ss 17
  1. Adjust the large screen and small screen button size.
  2. Customize the button color and active button color for the pagination.
  3. Enable or disable the rounded button.
  4. Enable or disable vertical pagination.
  5. Adjust the gap between buttons.
  6. Adjust the distance from the side- top bottom and side- left-right.
  7. Adjust the pagination position per the design needs.
  1. Select the slide controller button layout.
  2. Show or hide the background color.
  3. Customize the background color and button color for the navigation button setting.
  4. Adjust the top-bottom gap, left-right gap, and button gap for the navigation button settings.
  5. Enable or disable rounded buttons for the navigation button group.
  6. Adjust the top bottom and left-right padding around the navigation button.
  7. Customize the border style, color, width, and radius for the navigation buttons. 
advanced slider ss 18 (1)
advanced slider ss 19
  1. Adjust the width of the previous button.
  2. Adjust the height of the previous button.
  3. Adjust the width of the next button.
  4. Adjust the height of the next button.