Turn Your Minimum Efforts Into Maximum Results
  • Products
      Explore package advantages
  • Support
  • Blog
  • Contact

Table Of Contents

How to Use WooCommerce Carousel Widget in Elementor by Element Pack

In this documentation, we will explain how to customize the WooCommerce Carousel widget brought to you by Element Pack Pro.

How to insert WooCommerce carousel

inserting WooCommerce Carousel widget

Open your page in Elementor editor, search by the widget name, and then drag-drop it on the page. You will be able to see the default view of the widget.

Content tab customizations

Layout section

Go to Content > Layout

WC Carousel - Layout section of the content tab

Find the Columns, Columns Gap, Text Align, Image Size, Show Badge, Title, Title HTML Tag, Rating, Price, Add to Cart, Show Cart Always, Quick View, and Item Match Height options.

Query section

Go to Content > Query

WC Carousel - Query section options

Find the Source, product Limit, Include/Exclude filters, Offset, Date, Order By, Order, Only Featured Image Post, Query ID, Show Product, Hide Free Product, and Hide Out of Stock options.

Navigation section

Go to Content > Navigation

WC Carousel - navigation section

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

Carousel Settings section

Go to Content > Carousel Settings

WC Carousel - Carousel settings section

Find the Layout (carousel & coverflow), Autoplay, Autoplay Speed, Pause on Hover, Sliders to Scroll, Center Slider, Grab Cursor, Drag Free Mode, Loop, Animation Speed (ms), Ovserver, and Show Hidden Item options.

Style tab customizations

Item section

Go to Style > Item

WC Carousel - style tab item section

Find the Background, Border Type, Border Radius, Box Shadow, Item Padding, and Description Padding options in Normal mode.

For Hover mode, find the Background, Box Shadow, and Match Padding options.

Badge section

Go to Style > Badge

WC Carousel - style tab badge section

Find the Background, Text Color, Border Type, Radius, Padding, Margin, and Typography options.

Title section

Go to Style > Title

WC Carousel - style tab title section

Find the Color, Margin, and Typography options.

Price section

Go to Style > Price

WC Carousel - style tab Price section

Find the Old Price > Color, Margin, and Typography, as well as Sale Price > Color, Margin, and Typography options.

Rating section

Go to Style > Rating

WC Carousel - style tab rating section

Find the Color, Active Color, and Margin options.

Add to Cart Button section

Go to Style > Add to Cart Button

WC Carousel - style tab add to cart button section

Find the Color, Background, Box Shadow, Border Type, Border Radius, Padding, and Typography options for Normal mode.

WC Carousel - style tab add to cart button section hover mode

Find the Background, Color, and Border Color options.

Navigation section

Go to Style > Navigation

WC Carousel - style tab navigation section

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

WC Carousel - style tab navigation section hover mode

Find the Color, Background, and Box Shadow options in Hover mode.

Video Assist

Watch this video to learn more about the WooCommerce Carousel widget. Please visit the demo page for examples.

Thanks for being with us.

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 14-days money-back guarantee.
BdThemes is the sole owner of #1 market-leading addons for Elementor such as Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit, Pixel Gallery, and more useful plugins. This website is powered by Element Pack Pro and Rooten Theme.
Need any further assistance? Call Us:+880 1700 55 95 95
Our supported payment system and security badge