Other Slider Types

10/12/2016

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 click the button below.

Click Here To Learn About Our Premium Sliders

Slider Element

Our 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 Element

IMPORTANT NOTE – Only posts with Featured Images will be displayed in the Post Slider.

Avada’s Post Slider Element automatically pulls 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 Layouts

  • Post 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 Element

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 ‘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 Sliders

Portfolio 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. To view the Portfolio Post Slider in action, view our live demo by following this link. Alternatively, if you want to view the Blog Post Slider, follow this link instead.

View Information About Portfolio Post Slider View information About Blog Post Slider

Image Carousel Element

IMPORTANT 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 our live demo by following this link.

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 Element

The 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 Element

Another 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.


2 Likes
Proudly Serving Over 390000 Satisfied Users!