Slider Demo Website
Ultimate Slider is an easy-to-use responsive slider plugin that lets you add a clean, modern, image slider to any page on your WordPress site using a simple
Gutenberg block or
slider shortcode. Create a high-resolution full-width slider that looks great and that transitions well into a beautiful mobile slider.
[youtube
https://www.youtube.com/watch?v=npvdU8uBBKw]
Key Slider Features
- Responsive full-width slider layout that adapts to any page setup and size
- Includes a Gutenberg block, so you can add the slider to any page, post, sidebar or widget area on your site
- Simple slider shortcode for adding the slider to any page
- Create an unlimited number of slides for display in your slider
- Create different slideshows using the built-in slider categories
- Ultimate Product Catalog slider integration
- Drag and drop slides to re-arrange slider order
There are various slider customization options, including slider autoplay and the ability to set the slider delay and slide interval times. There is also a custom CSS input that lets you further modify the slider styling, so you can get it looking and working exactly as you need.
[ultimate-slider]
Simply insert the shortcode above into any page to display your slider.
Alternatively you can use the
Display Slider block, which you can find by searching for it or directly in the Ultimate Slider block section.
The Ultimate Slider plugin also fully integrates with the
Ultimate Product Catalog plugin. This means that you can choose to have a slide's content and image pulled directly from a specific product from the Ultimate Product Catalog. Alternatively, you can choose to just type in the slide content and set either the featured image or the first image in your post as the slide image.
Each slide has a customizable title and text area. You can also add custom links to each slide in the form of buttons, offering your visitors an easy and upfront way of accessing the most important pages on your site.
Additional Features
- Custom post type for easy integration with other WordPress functionality
- Customizable slider options, including autoplay, and slide interval and slide delay time
- Custom CSS input to modify slider styling
- Add YouTube videos to your slider
- Carousel mode
- Choose the aspect ratio for your slider
- Timer bar so visitors know when the slide will change
- Choice of dots or thumbnails for slide navigation
- Bulk edit slides (e.g. to assign categories, etc.)
This jQuery slider is your best option for adding a responsive slideshow to your WordPress site. Whether you just need a simple responsive banner at the top of your homepage or a custom slider with mutliple images and content, our wide array of options will allow to set this up in no time. With options for a carousel slider, slider effects and more, you can customize it to your needs and create the perfect responsive mobile slider.
WooCommerce Slider (Requires Premium)
Liven up your WooCommerce product pages by replacing the default image area with a responsive slideshow. Our custom slider option lets you showcase your different product images in an effective, attractive manner.
The WooCommerce slider integration also gives you an option to add a new banner or responsive slideshow to any page that is automatically populated with the images and content from your WooCommerce products.
- Responsive WooCommerce slider on your product pages, taking your WooCommerce images to the next level
- Automatically populated with your product images, no extra work
- All animated slider effects apply to the WooCommerce slider as well
- Add a new banner or responsive slideshow that showcases your products anywhere on your site
- Create a carousel slider that lets you show multiple images at once
- The responsive WooCommerce slider looks great on all screens and is a great option as a mobile WooCommerce slider
Premium Features
- Choose from ~20 arrows and set any color, size or background you'd like without any coding
- Option to replace the main image on the WooCommerce Product Page with an image slider of all of a product's images
- Lightbox option to create scrolling galleries with the carousel feature
- Multiple slide transition effects
- Title animations for your slides
- Options to hide certain slide elements in mobile view
- Set a separate aspect ratio for the slider for mobile view
- Option to force the slider to take the full width of the window, regardless of theme containers
- Option to add watermarks to your slides to protect your images
- Styling options, including the font family, size and color of your slide’s title, text and buttons
Shortcode
- [ultimate-slider]: displays all slides that you've created, can accept the attributes 'category' (set to a category's slug), to display only slides from a certain category, and 'slider_type' to display WooCommerce products without having to create new individual slides for them
For more information, please visit our
WordPress slider plugin page.
For help and support, please see:
- Upload the 'ultimate-slider' folder to the '/wp-content/plugins/' directory
- Activate the plugin through the 'Plugins' menu in WordPress
or
- Go to the 'Plugins' menu in WordPress and click 'Add New'
- Search for 'Ultimate Slider' and select 'Install Now'
- Activate the plugin when prompted
Getting Started
- To create slides:
- Click on 'Ultimate Slider' in the WordPress admin sidebar menu
- Click on 'Add New'
- Enter the slide title in the title area and any desired slide content text in the main post content area
- Use the 'Featured Image' area on the right to set the slide image
- Use the 'Slide Options' area to configure where the slide content is pulled from, add buttons to the slide and choose whether to display the featured image or a YouTube video
- Select and/or create slider categories and slider tags in the right-side menu
- Click the 'Publish' button
- To display the slider on your site:
- Place the [ultimate-slider] shortcode in the content area of any page you've created and it will display your slider
- Use the 'category' attribute to display only slides from a specific category. This can be used as a way of making two different sliders.
- WooCommerce and Ultimate Product Catalog integration:
- Using the 'Content' tab in the 'Slide Options' area, when creating/editing a slide, you can choose to have your slide pull content from a specific WooCommerce or UPCP product
- You can use the 'slider_type' attribute in the shortcode to display WooCommerce or UPCP products without having to create new individual slides for them (i.e. [ultimate-slider slider_type="woocommerce"] and [ultimate-slider slider_type="upcp"])
- Customize your slider experience by making use of the many available settings and options, including autoplay, aspect ratio, carousel mode, timer bar, arrow style, slide transition effect (premium), watermark on your images (premium) and more.
For a list of specific features, see the Ultimate Slider description page here:
https://wordpress.org/plugins/ultimate-slider/.
For help and support, please see: