Woo Featured Products Slider Element

18/01/2021

The Woo Featured Products Slider Element is a great way for you to showcase your WooCommerce products. It’s very similar to the Woo Carousel Element, only with this Element it’s automatically using your featured products for the content. You can also choose to show or hide information such as category, price and buttons. Read below to discover more about this awesome eCommerce Element!

IMPORTANT NOTE: To set a product as ‘Featured’, navigate to the ‘Products’ tab on your WP Admin Sidebar and click the ‘Star’ icon.
View Element Demo Page!

Overview

How to Use the Woo Featured Products Slider Element

To use the Woo Featured Products Slider Element, please follow the simple steps below.

Step 1 – Navigate to the Products section of your WordPress admin. Look for the Featured column, that is the one with the star icon (see screenshot below).

Step 2 – Click the star icon next to all products that you want to be featured. You need to do this one product at a time, as the page will refresh each time. Doing this makes the product a featured product.

Step 3 – Next, go to the page you want the featured products to appear.

Step 4 – Click on the Woo Featured Products Slider Element via the Fusion Builder, and select your preferred options.

Step 5 – Click Save. Your featured products will now appear in a slider on your page.

WooCommerce Starred Products
Avada Website Builder

663,431 Businesses Trust Avada

Get Avada
Avada Website Builder

663,431 Businesses Trust Avada

Get Avada
Avada Website Builder

663,431 Businesses Trust Avada

Get Avada

Element Options

Location: The edit screen within each Element.

You can deploy as many individual Elements in pages and posts as you need, there is no limit. Within each of the Elements, you will see a tab or tabs that house an array of options that make it possible for you to configure each Element independently, and greatly enhance your flexibility and creative options.

  • Picture Size – Choose the picture size for the carousel. Fixed = width and height will be fixed. Auto = width and height will adjust to the image.

  • Categories – Select a category or leave blank for all.
  • Number of Products – Select the number of products to display.

  • Product Offset – The number of products to skip. ex: 1

  • Order By – Defines how products should be ordered. NOTE: If Order by Price is not working, please regenerate the Product Lookup Table.

  • Order – Defines the sorting order of products. Choose from Descending, or Ascending.

  • Include Out Of Stock Products – Choose to include or exclude products which are out of stock.

  • Carousel Layout – Choose to show titles on rollover image, or below image.

  • Carousel Autoplay – Choose whether or not to autoplay the carousel.

  • Maximum Columns – Select the number of max columns to display. From 1 – 6.

  • Column Spacing – Insert the amount of spacing between items without ‘px’. ex: 13.

  • Scroll Items – Insert the number of items to scroll. Leave empty to scroll the number of visible items.

  • Show Navigation – Choose whether or not to show navigation buttons on the carousel.

  • Mouse Scroll – Choose to enable mouse drag control on the carousel. IMPORTANT: For easy draggability, when mouse scroll is activated, links will be disabled.

  • Show Categories – Choose to show or hide the categories.

  • Show Price – Choose to show or hide the price.

  • Show Sale Badge – Choose to show or hide the sale badge.
  • Show Buttons – Choose to show or hide the icon buttons.

  • Element Visibility – Choose to show or hide the element on small, medium or large screens. You can choose more than one at a time.

  • CSS Class – Add a class to the wrapping HTML element.

  • CSS ID – Add an ID to the wrapping HTML element.

View The Options Screen

Global Options

There are no Global Options for the Woo Featured Products Slider Element.

Avada Website Builder

663,431 Businesses Trust Avada

Get Avada
Avada Website Builder

663,431 Businesses Trust Avada

Get Avada
Avada Website Builder

663,431 Businesses Trust Avada

Get Avada