WooCommerce Carousel Shortcode

Updated on September 22, 2017

The WooCommerce carousel shortcode displays a list of specified products in a carousel. This shortcode allows for displaying a specified amount of products with an option to show the featured ones.

Note that if you are looking to create a shop page with more customization and options, read the Products shortcode and Displaying product posts articles.


Creating a Product Post

Before being able to display products using the WooCommerce carousel shortcode, read the Creating a product post article to create products.


Displaying the WooCommerce Carousel Shortcode

To add the WooCommerce carousel shortcode to a page:

1Add or edit an existing page.
2In the Visual Composer section, click on the + button.

Woocommerce carousel shortcode - add element

3In the Add Element pop-up screen, search for WooCommerce carousel and click on it to be added to the page.

Woocommerce carousel shortcode - shortcode search

4When the shortcode is added, a new pop-up screen called WooCommerce Carousel Settings will open that allow you to configure the shortcode settings.

Woocommerce carousel shortcode - settings

5Click on Save Changes and publish or update the page to check the result. It will show all the available products.

Showing Specific Items

There are three settings in the WooCommerce carousel settings pop-up that allow you to show the items based on specific categories, IDs or authors.

SettingDescription

Select Specific Categories Shows items only from specified categories.
Select Specific Posts Shows only the specified items.
Select Specific Authors Shows posts only from specified authors.

Altering the Item Sorting

There are two settings in the WooCommerce settings pop-up that allow you to alter the item sorting: Order and Orderby

By default, the order and orderby settings are set to Ascending and Date therefore it sorts the older items ahead of the newer items.

SettingDescription

Order Sets the ascending or descending order of the Orderby parameter.
Orderby Sorts the items based on the selected parameter (date, menu order, title, …).

Configuring the Layout and Design

There are a few settings in the WooCommerce carousel settings pop-up to configure the layout and design.

SettingDescription

Style Choose between two predefined styles.
Image size Sets a specific image size.
Featured products? Displays featured products.
Products per view Displays a specified amount of products per view.
How many posts Displays a specified amount of posts.
Did this answer your question?