Cyber Week Sale Extended! Get a Flat 50% Discount on Everything, Coupon: TLBF23

Learn More
X

How To Use Product Category Carousel Widget Of EnterAddons

Product Category Carousel widget allows you to display a digital photo or image within a frame or border on a computer or mobile device screen. The widget can be added to a desktop, home screen, or lock screen to provide a personal touch and visual interest. . You can easily build this widget with EnterAddons.

Using Product Category Carousel Widget :

You can see the below video to get an insight into how you can use the Product Category Carousel Widget, Or you can follow the documentation whichever you find convenient.

Step1

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 Category Carousel Widget from the menu bar on the left-hand side of your screen and drag and drop it in the selected area.

Secondly, from ‘Content‘ Tab you will get Content Settings and Slider Settings section.

After that, from ‘Content Settings’ section, you can show product count with clicking ‘Show Product Count’ switcher option.

Step2

From Style section you can find Content Wrapper Settings, Item Wrapper Settings, Item Image Settings, Category Label Wrapper, Category Label Text, Carousel Nav Settings and Carousel Dot Settings respectively.

Then, from Content Wrapper Settings section you can add or edit margin, padding, border-type, border-radius, box-shadow and background-type respectively.

After that, from Item Wrapper Settingssection you can add or edit margin, padding, border-type, border-radius, box-shadow and background-type respectively in ‘NORMAL’ view.

Moreover, from this section, you can find ‘HOVER’ view also.

Then, from Item Image Settingssection you can add or edit image-width, image-height, image-alignment, margin, padding, border-type, border-radius, box-shadow and background-type respectively in ‘NORMAL’ view.

Moreover, from this section, you can find ‘HOVER’ view also.

Then, from Category Label Wrappersection you can add or edit label-width, label-height, image-margin, padding, border-type, border-radius, box-shadow and background-type respectively

After that, from Category Label Textsection you can choose layout, and add or edit alignment, title-color, title-hover-color, text-typography, count-text-color and count-typography respectively.

Then, from Category Nav Settingssection you can add or edit width, height, padding, margin, border-type and border-radius respectively in ‘NORMAL’ view.

Moreover, from this section, you can find ‘HOVER’ view also.

After that, from Category Dot Settingssection you can add or edit width, height, padding, margin, border-type and border-radius respectively in ‘NORMAL’ view.

Moreover, from this section, you can find ‘HOVER’ view also.

Step3

Finally, after finishing all the editing, click update, and then click on ‘Preview > Preview in new tab’ to see your work live.

That’s all.