In this documentation, we will describe how to customize the EDD Category Carousel widget brought to you by Element Pack Pro.

To use the EDD Product Carousel Widget, you need to install the EDD. Follow the “How to use Easy Digital Download plugin” documentation for instructions.

Inserting EDD Category Carousel Widget

Open your page in Elementor editor, search by name of the widget “EDD Category Carousel” and then drag-drop it on the page.

Content tab customizations

Layout section

Go to Content > Layout

Find the Skin (style 1, style 2, style 3, style 4, & style 5), Columns, Item Gap, Item Height, Use Static Image, Image Size, and Show Count options.

You can Select Image for all category backgrounds from the options.

The Show Count switcher shows the number of product counts for each category.

Query section

Go to Content > Query

Find the Type (All, only Parents, & Only Child), Include/Exclude filters, Order By, Order, and Hide Empty options.

Navigation customization

Go to Content > Navigation

Find the Navigation (arrows, dots, progress, arrows & dots, arrows & fraction), Show Scrollbar, Arrows Position, Arrows Icon (23 icons), and Hide Arrow on Mobile options.

Selecting Arrows and Dots option. Also turning on Dynamic Bullets and Show Scrollbar switchers.

Carousel Settings section

Go to Content > Carousel Settings

Find the Layout (Carousel & Coverflow), Autoplay, Autoplay speed, Pause on Hover, Slides to Scroll, Center Slider, Grab Cursor, Drag Free Mode, Loop, Animation speed, Observer, and Show Hidden Item options.

Style Tab Customization

Item section

Go to Style > Item

Find the Background Type, Overlay Color, Padding, Margin, Border Type, and Radius options for Normal mode.

In the Hover mode, find the Background Type, Overlay Color, and Border Color options.

Content section customization

Go to Style > Content

Find the text Color, Margin, and Typography options in Normal mode.

Then find the Border color and Box shadow options in Hover mode.

Category section

Go to Style > Category

Find the Color, Margin, and Typography options in Normal mode.

Also, you can find the Hover Color option there.

Count section

Go to Style > Count

Find the Color and Typography options in Normal mode.

There is a Color option in Hover mode.

Navigation section

Go to Style > Navigation

Change ARROWS style

Find the Color, Background, Border Type, Border Radius, Padding, Size, Space Between Arrows, and Box Shadow options in Normal mode.

In the Hover mode, find the Color, Background, and Box Shadow options.

Dots customization

Find the Color, Space Between, Advanced Size, Width, Height, Border Radius, and Box Shadow options in Normal mode.

Also, find the Color, Width, Height, Border Radius, Alignment, and Box Shadow options in Active mode.

Set OFFSET

Find the Arrows Offset and Dots Offset controls.

Video Assist

The EDD Category Carousel widget video tutorial coming soon. Please visit the demo page for examples.

Thanks for being with us.