Product Category Grid Woo Widget Tutorial

Essential Classy Tab from Dashboad -> Widgets then enable Product Category Grid

Now Drag and Drop Product Category Grid widget

We have 4 Predefine Layout Style

Grid and Massonary Layout options

If you face layout issue in Backend, Manage with Relayout option

Query Tab

Manage Column and It’s Gap

Layout Options Tab

In this tab, You can manage Missing Image, Hide Empty Category, Hide Child Category.

Also, You can manage Tag, Description and Count visibility.

Style Tab

In this Style tab, You can manage Heading, Count, Description.

Heading Style Tab

In this tab, You can manage Text Alignment, Padding, Margin and It’s Typography.
Also, You can manage Color, Background, Border, Shadow, Text Shadow, Transition and Transform CSS for Normal and Hover State of Category listing.

Count Style Tab

In this tab, You can manage Margin and It’s Typography.
Also, You can manage Color, Text Shadow, Transition and Transform CSS for Normal and Hover State.

Description Style Tab

In this tab, You can manage Text Alignment, Padding, Margin and It’s Typography.
Also, You can manage Color, Background, Border, Shadow and Text Shadow for Normal and Hover State.

No Category Style tab