The “Woo Category Carousel Widget” allows you to showcase WooCommerce product categories in a dynamic sliding carousel for free in WordPress Elementor websites. This widget helps organize your store by displaying product categories in an interactive and visually engaging format. You can customize the carousel layout, navigation, autoplay settings, and styling to seamlessly match your site’s design.
Let’s explore the features of the “Woo Category Carousel Widget” below.
Elementor Woo Category Carousel Tutorial Video
Add a Free Woo Category Carousel for Elementor
This widget requires Unlimited Elements Free version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “WooCommerce Category Carousel”
- Hover over the widget in the search results and click install
- Add your “WooCommerce Category Carousel” widget to any Elementor Page
General Settings in Elementor Woo Category Carousel
Select Post Type
Select type of post you want to display.
Include By
Include the products from different options given below
- Specific Terms
- Children of
- Children of Current Term
- By Search Text
- Only Childless
- Not a Child of Other Term
- Term Meta
Exclude By
Choose specific products that you would like to exclude from your selection by adding rules.
- Specific Terms
- Current Term (for archive only)
- Hide Empty Terms
Order By
Order the WooCommerce categories by following terms:
- Name
- Slug
- Term Group
- Term Id
- Description
- Parent
- Count - (Number of posts associated)
- Include -(Specific terms order)
- Meta Value
Order Direction
Set the order direction from below option:
- Default
- Descending
- Ascending
Button Text (Pro)
Type text to display in button.
Carousel Settings in Elementor Woo Category Carousel
Layout
Select the layout of carousel.
- Under
- Overlay (Pro)
- Under Overlap (Pro)
- Partial Overlay (Pro)
- Reveal from Bottom (Pro)
- Side by Side (Pro)
Number of Items
Set the number of items to display in carousel.
Loop
Turn on/off the loop option.
Autoplay
Turn on the autoplay option for carousel.
Margin Between Items
Set the margin between carousel items.
Transition Speed
Set the transition speed of carousel.
Autoplay Interval
Set the interval between autoplay transitions.
Center Mode (Pro)
Turn on/off the center mode.
RTL
Turn on the option for right to left websites.
Open Link in New Tab (Pro)
Open link in new tab.
Layout Settings in Elementor Woo Category Carousel
Show Title
Show/hide the title.
Show Intro
Show/hide the intro.
Show Button (Pro)
Show/hide the button.
Show Arrows
Show/hide the navigation arrows.
Show Dots
Show/hide the navigation dots.
Show Number of Products (Pro)
Show/hide the number of products.
Arrows Settings in Elementor Woo Category Carousel
Left Arrow
Choose icon for left arrow.
Right Arrow
Choose icon for right arrow.
Connected Widgets Settings in Elementor Woo Category Carousel
Enable Remote Connection
Use remote control widgets to create advanced creative layouts.
Widget Name for Connection
This name will be used to connect and controls this widget by other widgets.
Sync
You can connect two item-based widgets and sync them.
Sync Group
Choose the same group for two or more item-based widgets so they can sync together.
Elementor Woo Category Carousel Widget Styling
A lot of styling options are provided to control every aspect of the widget’s appearance. Modify the colors to match your site’s look and feel. You can customize every single detail to perfectly blend with your website design.
Elementor Woo Category Carousel General Styling
Set the alignment, image height, and image border radius.
Elementor Woo Category Carousel Content Styling
Style the content padding, and content background color.
Elementor Woo Category Carousel Title Styling
You can set the title color, typography, and spacing.
Elementor Woo Category Carousel Description Styling
In this section, set the description color, typography, and spacing.
Elementor Woo Category Carousel Button Styling
Set the button background color, text color, border, spacing, and padding.
Elementor Woo Category Carousel Nav Arrows Styling
You can set the nav arrow spacing, positioning, background size, icon size, background color, and icon color.
Elementor Woo Category Carousel Nav Dots Styling
Here, you can style the nav dots size, color, spacing, and alignment.
Elementor Woo Category Carousel Image Styling
Here, you can style the image height, position, fit, border radius and the background color on normal, hover and active states.
Elementor Woo Category Carousel Products Count Styling (Pro)
Here, you can style the spacing, typography, text color, background color, padding, border, border radius and the box shadow effect.
Usage Examples of Elementor Woo Category Carousel
Here are some live use cases for the WooCommerce Category Carousel widget.
Free Elementor Woo Category Carousel widget with Navigation Arrows.
Free Elementor Woo Category Carousel widget with an Overlay Layout.
Thank you for using the Woo Category Carousel Widget for Elementor! With its smooth sliding effects and customizable design, this is the best Woo Category Carousel Widget for Elementor, perfect for showcasing product categories in an interactive and engaging way. If you have any questions or need assistance, feel free to reach out. For more use cases and examples visit the live demo on our website.
