Product Carousel widget allows you to showcase multiple products at once, feature related products, recent products and on sale products which make it easier for visitors to browse your online store.You can easily build this widget with EnterAddons
Using Product Carousel :
You can see the below video to get an insight into how you can use the Product Carousel Widget, Or you can follow the documentation whichever you find convenient.
Firstly, You must need Woo Commerce Plugin, otherwise this widget will not work. You can installed Woo Commerce plugin from Plugins > Add New then type “WooCommerce” in search bar and active the Plugin.
Then, select the Product Carousel Widget from the menu bar on the left-hand side of your screen and drag and drop it in the selected area.
Step1
Secondly, from ‘Content’ Section you will get Product Carousel Content and Slider Settings section.
After that, from Product Carousel Content section, you can add title, product-limit and product-type respectively.
Then, from Slider Setting section, you can add number-of-items, auto-play, mouse-drag, loop, center, animate( in / out ), nav, dot, auto-width, autoplay-timeout and smart-speed respectively.
Step2
From ‘Style’ section you can stylize the widget. You will get the Content Wrapper Settings, Section Title Settings, Item Wrapper Settings, Item Image Settings, Item Content Settings, Item Title and Category Settings, Item Price and Rating Settings, Item Cart Button Settings, Carousel Nav Settings and Carousel Dot Settings section respectively.
After that, from Content Wrapper Settings section you can add margin, padding, border-type, border-radius, box-shadow and background-type respectively, and that is given below.
Then, from Section Title Settings section you can edit title-color, typography, border-radius, border-type and background-type respectively.
After that, from Item Wrapper Settings section you can add margin, padding, border-type, border-radius, box-shadow and background-type respectively in NORMAL view.
Moreover, from this section you can see HOVER view also, that is given below.
Then, from Item Image Settings section you can add margin, padding, border-type, border-radius, box-shadow and background-type respectively in NORMAL view.
Moreover, from this section you can see HOVER view also, as below.
After that, from Item Content Settings section you can edit content-alignment, margin, padding, border-type, border-radius, box-shadow and background-type respectively in NORMAL view.
Then, from Item Title and Category Settings section under Title Settings Option you can add title-color, typography, title-margin, title-padding and border-type etc.
Again, From Category Settings Option, you can edit category-text-color, typography, category-margin respectively in NORMAL view.
Moreover, from this section you can see HOVER view, and that is given below.
Then, from Item Price and Rating Settings section you can add margin, padding, border-type respectively. Also, Under ‘Item Price and Rating Settings > PRICE’ option you can add price color & typography, del-price-color & typography.
Moreover, from this section in ‘RATING’ option you can add rating-color and size respectively.
Then, from Item Cart Button Settings section you can add margin, padding, border-type, border-radius, box-shadow and background-type respectively in NORMAL view.
Moreover, from this section you can see HOVER view, and that is given below.
After that, from Carousel Nav Settings section you can add width, height, margin, padding, border-type, border-radius, box-shadow and background-type respectively in NORMAL view.
Moreover, from this section you can see HOVER view as like as below.
Then, from Carousel Dot Settings section you can add width, height, margin, padding, border-type, border-radius, box-shadow and background-type respectively in NORMAL view.
Moreover, from this section you can see dot ACTIVE view as like as below.
Step3
Finally, after finishing all the editing, click on ‘Preview > Preview in new tab’ to see your work live.
That’s it.