Other Slider Types

Aside from our amazing Premium Sliders, Avada also features various other slider types such as the Slider Element, Post Slider Element, Portfolio and Blog Post Slider, Image Carousels, WooCommerce Featured Products Slider, and finally, the WooCommerce Products Slider. Continue reading below to learn more about our other Slider types. If you』d like to learn about our Premium Sliders, please follow the link below.
Learn About Our Premium SlidersOverview
Slider Element
Post Slider ElementPortfolio & Blog Post SlidersImage Carousel ElementWooCommerce Featured Products ElementWooCommerce Products Carousel ElementSlider ElementOur Slider Element is ideal for users who prefer a simpler, and more basic slider to showcase their website』s images. This element makes uploading images and videos slides simple and easy.
Step 1 – Create a new page or post, or edit an existing one.
Step 2 – Insert a Container and select your desired column layout.
Step 3 – Click the 『+ Element』 section to bring up the Elements window. Locate the 『Slider』 element and click it to open the options window.
Step 4 – On the right side of the element, you』ll see parent settings which affect the entire element. On the left side, you』ll see individual slide items. To edit a slide, click the 『Edit Item』 icon on the slide you』d like to edit.
Step 5 – To add a new slide, click the 『+ Slide』 button.
Step 6 – You can duplicate existing slide items by clicking the 『Clone Item』 icon. Also, you can re-arrange them dragging them into place.
Step 7 – After adding a new slide item, select its 『Slide Type』 to determine if the slide is an Image Slide or a Video Slide. Once you』re done editing the slide, click 『Save』 to save your changes.
Step 8 – Once you』re finished adding slides and configuring the element, click 『Save』 to add it to the page.
Post Slider ElementIMPORTANT NOTE: Only posts with Featured Images will be displayed in the Post Slider.Avada』s Post Slider Element can be set to automatically pull your blog posts, titles and excerpts into a sleek and modern slideshow. It includes configuration options such as layout, categories, etc. To view this element in action, visit our live demo here.
Post Slider Element LayoutsPost With Titles – Displays your post』s title over a featured image.Post With Excerpt & Titles – Displays post』s title and excerpt over a featured image.Attachments (Images Only) – Displays images uploaded to page or post.How To Create A Post Slider ElementStep 1 – Create a new page or post, or edit an existing one.
Step 2 – Insert a Container and select your desired column layout.
Step 3 – Click the 『+ Element』 section to bring up the Elements window. Locate the 『Post Slider』 element and click it to open the options window.
Step 3 – Configure your settings to your preference. You can configure the element』s layout, which category to display, or how many slides to display.
Step 4 – Once done, click the 『Save』 button.
Portfolio and Blog Post SlidersPortfolio and Blog Post Sliders aren』t elements, they』re simply pre-set Post Sliders created by adding featured images to a blog or a portfolio post.
View Information About Portfolio Post SliderImage Carousel ElementIMPORTANT NOTE: If you have the Image Lightbox option enabled, you cannot link the image to another website. You must place your image』s URL in the Image Website Link field, instead.Avada』s Image Carousel Element can be used to conveniently showcase any type of image. Each image can have a custom link or open in a lightbox. To view the Image Carousel and it』s many uses, please view the element demo page.
Step 1 – Create a new page or post, or edit an existing one.
Step 2 – Insert a Container and select your desired column layout.
Step 3 – Click the 『+ Element』 section to bring up the Elements window. Locate the 『Image Carousel』 element and click it to open the options window.
Step 4 – On the right side of the element, you』ll see the parent settings which affect the entire element. On the left side, you』ll see the individual slide items. To edit a slide, click the 『Edit Item』 icon on the slide you』d like to edit.
Step 5 – To add a new Image slide, click the 『+ Image』 button.
Step 6 – You can duplicate existing slide items by clicking the 『Clone Item』 icon. Also, you can re-arrange them dragging them into place.
Step 7 – Once you』re done adding slides and configuring the element, click 『Save』 to add it to the page.
WooCommerce Featured Products Shortcode ElementThe WooCommerce plugin provides a WooCommerce Featured Products element that automatically pulls your featured products from WooCommerce. This Slider features a beautiful design that will surely grab your customer』s attention. To view the WooCommerce Featured Products Slider, please view our live demo by following this link.
IMPORTANT NOTE: To set a product as 『Featured』, navigate to the 『Products』 tab on your WP Admin Sidebar and click the 『Star』 icon.Step 1 – Create a new page or post, or edit an existing one.
Step 2 – Insert a Container and select your desired column layout.
Step 3 – Click the 『+ Element』 section to bring up the Elements window. Locate the 『Woo Featured』 element and click it to open the options window. Configure the shortcode element to your preference.
Step 4 – Once done, click 『Save』 to add it to the page.
WooCommerce Products Carousel ElementAnother feature that the WooCommerce plugin provides is the WooCommerce Products Carousel Element. This Carousel allows you to display your products neatly. You have the option to show only one category, a combination of them, or to show all of them. You can also choose to show or hide information such as category, price and buttons.
Step 1 – Create a new page or post, or edit an existing one.
Step 2 – Insert a Container and select your desired column layout.
Step 3 – Click the 『+ Element』 section to bring up the Elements window. Locate the 『Woo Carousel』 element and click it to open the options window. Configure the shortcode element to your preference.
Step 4 – Once done, click 『Save』 to add it to the page.