WooCommerce Carousel Shortcode

Last Updated on

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.

In this article


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.


To add the WooCommerce carousel shortcode to a page:

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

Woocommerce carousel shortcode - add element

3
In 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

4
When 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

5
Click 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.
x
Note: To learn more about these two settings, read the Configuring specific items in a shortcode article.

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, …).
x
Note: To learn more about these two settings, read the Configuring a shortcode’s sorting settings article.

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.
Was this helpful?
Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket