Child Item #
Category Thumbnail #
Under the Content tab, there are three sections for Category Thumbnail. They are Component, Background and Admin Label.
On the other hand Under the Design tab there are several sections for designing the Category Thumbnail. They are Overlay, Sizing, Spacing, Border, Box Shadow, Filters, Transform.
In Overlay, users will be able to On/ Off the Show Image Overlay, fix the Overlay Background Color & Always Show Overlay.
In Sizing, users will be able to fix the Width, Max Width, Module Alignment,
Min Height, Height and Max Height.
In Spacing, users will be able to change Margin and Padding.
In Border, users will be able to fix the Rounded Corners, Border Styles, Border Width, Border Color and Border Style.
In Box Shadow, users will be able to fix the box shadow from various options.
In Filters, users will be able to fix the value of Hue, Saturation, Brightness, Contrast, Invert Sepia, Opacity, Blur & Blend Mode
In Transform, users will be able to choose the transform option from Transform Scale, Transform Translate, Transform Rotate, Transform Skew & Transform Origin
Category Name #
Under the Content tab, there are three sections for Title. They are Component, Background and Admin Label.
In the Component section users will be able to select the Title Tag, Display & Show Product Counter.
On the other hand Under the Design tab there are several sections for designing the Title. They are Category Name, Sizing, Spacing, Border, Box Shadow, Filters & Transform.
In Category Name, users will be able to change the Font, Font Weight, Font style, Text Alignment, Text Color, Text Size, Letter Spacing, Line Height and Text Shadow.
Sizing, Spacing, Border, Box Shadow, Filters, Transform have as usual features which are also available for other Divi Modules.
Count Number #
Under the Content tab, there are three sections for Title. They are Component, Background and Admin Label.
In the Component section users will be able to select the Display Type & give input the Prefix & Suffix.
On the other hand Under the Design tab there are several sections for writing the Count Number. They are Count Number, Count Number Prefix, Count Number Suffix, Sizing, Spacing, Border, Box Shadow, Filters & Transform.
In Count Number, users will be able to change the Count Number Font, Count Number Font Weight, Count Number Font style, Count Number Text Alignment, Count Number Text Color, Count Number Text Size, Count Number Letter Spacing, Count Number Line Height & Count Number Text Shadow.
In Count Number Prefix, users will be able to change the Count Number Prefix Font, Count Number Prefix Font Weight, Count Number Prefix Font style, Count Number Prefix Text Alignment, Count Number Prefix Text Color, Count Number Prefix Text Size, Count Number Prefix Letter Spacing, Count Number Prefix Line Height & Count Number Prefix Text Shadow.
In Count Number Suffix, users will be able to change the Count Number Suffix Font, Count Number Suffix Font Weight, Count Number Suffix Font style, Count Number Suffix Text Alignment, Count Number Suffix Text Color, Count Number Suffix Text Size, Count Number Suffix Letter Spacing, Count Number Suffix Line Height & Count Number Suffix Text Shadow.
Sizing, Spacing, Border, Box Shadow, Filters, Transform have as usual features which are also available for other Divi Modules.
Category Description #
Under the Content tab, there are three sections for Title. They are Component, Background and Admin Label.
Background and Admin Label are as usual features which are explained before.
On the other hand Under the Design tab there are several sections for designing the Category Description. They are Category Description, Sizing, Spacing, Border, Box Shadow, Filters & Transform.
In Category Description, users will be able to change the Description Font, Description Font Weight, Description Font style, Description Text Alignment, Description Text Color, Description Text Size, Description Letter Spacing, Description Line Height and Description Text Shadow.
In Sizing, users will be able to fix the Width, Max Width, Module Alignment,
Min Height, Height and Max Height.
In Spacing, users will be able to change Margin and Padding.
In Border, users will be able to fix the Rounded Corners, Border Styles, Border Width, Border Color and Border Style.
Box Shadow, Filters, Transform have as usual features which are also available for other Divi Modules.
Button #
Under the Content tab, there are several sections for Button. They are Component, Icon Element, Animation, Background and Admin Label.
In the Component section users will be to fix Display Type, fill up the Button Text, Button URL & Button New Tab Status.
In the Icon Element section users will be able to fix Show Icon, Icon, Show Image as Icon, Show On Hover, Show Only Icon, Icon Image Placement & Space Between Component and Icon.
Background and Admin Label are as usual features which are explained before.
On the other hand Under the Design tab there are several sections for designing the Button. They are Button, Icon Element, Sizing, Spacing, Border, Box Shadow, Filters & Transform.
In Button, users will be able to change the Button Font, Button Font Weight, Button Font style, Button Text Alignment, Button Text Color, Button Text Size, Button Letter Spacing, Button Line Height & Button Text Shadow.
In the Icon Element section users will be able to fix Icon Color & Icon Size.
Sizing, Spacing, Border, Box Shadow, Filters, Transform have as usual features which are also available for other Divi Modules.
Divider #
Under the Content tab, there are several sections for Divider. They are Component, Background and Admin Label.
In the Component section users will be able to fix the Divider Line Height.
Background and Admin Label are as usual features which are explained before.
On the other hand under the Design tab there are several sections for designing the Divider Line. They are Divider Line, Sizing, Spacing, Border, Box Shadow, Filters & Transform.
In the Divider Line section user will be able to Fix the Divider Color Primary,
Divider Color Secondary, Divider Color Direction, Starting Position & Ending Position.
Sizing, Spacing, Border, Box Shadow, Filters, Transform have as usual features which are also available for other Divi Modules.
Global Features of Woo Category List Module #
Content Tab #
Under the Content tab, there are several sections for Woo Category List. They are Content Settings, Background and Admin Label.
Content Settings #
Category Count #
Users able to fix the Category Count Number
Column
Users able to fix the Column Number
Column Gap
Users able to fix the Column Gap
Exclude Categories
Users able to select the Exclude Categories
Order By
Users are able to select the order by Name, Count or Slug.
Order
Users are able to select the order by Descending & Ascending
Show Only Parent Categories
Users are able to On/Off the Show Only Parent Categories
Show Empty Categories
Users are able to On/Off the Show Empty Categories
Offset Number
Users are able to Fix the Offset Number
Background
Users are able to Fix the Background by Background color, Background Gradient, Background Image, Background Video, Background Pattern & Background Mask
Admin Label
Users are able to Fix the Admin Label
Design Tab #
On the other hand under the Design tab there are several sections for designing the Category Grid feature. They are Category Item, Additional Spacing, Sizing, Spacing, Border, Box Shadow, Filters, Transform & Animation.
Category Item
In Category Item, users will be able to fix the Product Wrapper background, Content Font, Content Font Weight, Content Font Style, Content Text Alignment, Content Text Color, Content Text Size, Content Letter Spacing, Content Line Height, Content Text Shadow, Rounded Corners, Border Styles Border Width, Border Color, Border Style & Box Shadow
Category Item Content
In Category Item Content users will be able to fix the Item Content Background, Rounded Corners, Border Styles, Border Width, Border Color, Border Style & Box Shadow.
Additional Spacing
In Additional Spacing users will be able to fix Item Container Margin & Item Container Padding.
Sizing #
Users can adjust the Width, Max Width, Module Alignment, Min Height, Height, and Max Height of the module.
Spacing #
Users can change the Margin and Padding settings.
Border #
Users can configure the Rounded Corners, Border Styles, Border Width, Border Color, and Border Style.
Box Shadow #
Users can set the Box Shadow settings.
Filters #
Users can adjust the Hue, Saturation, Brightness, Contrast, Invert, Sepia, Opacity, Blur, and Blend Mode settings.
Transform #
Users can modify the Transform settings, including Scale, Translate, Rotate, Skew, and Transform Origin.
Animation #
Animation Style
Users can select from various animation styles, including None, Fade, Slide, Bounce, Zoom, Flip, Fold, and Roll.
Advanced Tab #
CSS ID & Classes
CSS ID
Users can set the CSS ID for this element.
CSS Class
Users can set the CSS class for this element.
Custom CSS #
Free-Form CSS
Users can add custom CSS directly to this element.
Module Elements
Users can target predefined selectors within this element.
Conditions #
Display Conditions
Users can set the display conditions for this element.
Visibility #
Display On
Users can choose how this element is displayed on phone, tablet, or desktop.
Overflow #
Horizontal Overflow
Users can control horizontal overflow with options: Default, Visible, Scroll, Hidden, and Auto.
Vertical Overflow
Users can control vertical overflow with options: Default, Visible, Scroll, Hidden, and Auto.
Overflow Transition
Users can set the transition duration and delay for overflow.
Transitions #
Transition Settings
Users can configure the transition duration, delay, and speed curve for this element.
Position #
Position
Users can set the position of the element with options: Default, Relative, Absolute, and Fixed.
Scroll Effects #
Sticky Position
Users can choose sticky position options: Do not Stick, Stick to Top, Stick to Bottom, and Stick to Top and Bottom.
Apply Motion Effects to Child Elements
Users can toggle motion effects for child elements on or off.
Scroll Transform Effects
Users can adjust scroll transform effects including Vertical Motion, Horizontal Motion, Fading In and Out, Scaling Up and Down, Rotating, and Blur.
Enable Blur
Users can toggle blur effects on or off.
Motion Effect Trigger
Users can set motion effect triggers to the middle, top, or bottom of elements.