Child Item #
Title #
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.
On the other hand Under the Design tab there are several sections for designing the Title. They are Component text, Sizing, Spacing, Border, Box Shadow, Filters, Transform.
In Title Text, 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.
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
Featured Image #
Under the Content tab, there are three sections for Featured Image. They are Component, Background and Admin Label. In the Component section users will be able to select the Image Size.
On the other hand Under the Design tab there are several sections for designing the Featured Image. They are Overlay, Sizing, Spacing, Border, Box Shadow, Filters, Transform.
In Overlay, users will be able to On/ Off the Show Image Overlay and fix the Overlay Background Color.
In Sizing, users will be able to fix the Width, Max Width, Module Alignment,
Min Height, Height and Max Height.
Border, Box Shadow, Filters, Transform have as usual features which are also available for other Divi Modules.
Image Gallery #
Under the Design tab there are several sections for designing the Image Gallery. They are Gallery, Sizing, Spacing, Border, Box Shadow, Filters, Transform.
In Gallery, users will be able to fix the Item Image Size, Item Gap, Gallery Rounded Corners, Gallery Item Border Styles, Gallery Item Border width, Gallery Item Border Color, Gallery Item Border Style and Box Shadow.
Border, Box Shadow, Filters, Transform have as usual features which are also available for other Divi Modules.
Short Description #
Under the Content tab, there are three sections for Title. They are Component, Background and Admin Label.
On the other hand Under the Design tab there are several sections for writing the Short Description . They are Short Description Text, Sizing, Spacing, Border, Box Shadow, Filters & Transform.
In Short Description Text, users will be able to change the Font, Font Weight, Font style, Text Alignment, Text Color, Text Size, Letter Spacing, Line Height & Text Shadow.
Sizing, Spacing, Border, Box Shadow, Filters, Transform have as usual features which are also available for other Divi Modules.
Price #
Under the Content tab, there are three sections for Title. They are Component, Animation, Background and Admin Label.
In the Component section users will be able to select the Price Tag & Display Type.
In Animation, section users will be able to select the Price Tag & Display Type.
On the other hand Under the Design tab there are several sections for designing the Price. They are Price Text, Sizing, Spacing, Border, Box Shadow, Filters & Transform.
In the Price Text section there are two separate sub tabs. One is for Regular Price and the other is for Old Price. Users can fix the Font, Font Weight, Font Style, Text Color, Text Size, Letter Spacing, Later Height & Text Shadow. Those features are also available in the Old Price sub tab.
Sale Badge #
Under the Content tab, there are several sections for Sale Badge. They are Component, Animation, Background and Admin Label.
In the Component section users will be able to select the Badge Position & Badge Text.
On the other hand Under the Design tab there are several sections for designing the Sale Badge Text, Sizing, Border, Box Shadow, Filters & Transform.
New Badge #
Under the Content tab, there are several sections for New Badge. They are Component, Animation, Background and Admin Label.
In the Component section users will be able to select the Days, New Badge Position & New Badge Text.
On the other hand Under the Design tab there are several sections for designing the New Badge Text, Sizing, Border, Box Shadow, Filters & Transform.
Rattings #
Under the Content tab, there are several sections for Ratings. They are Component, Animation, Background and Admin Label.
In the Component section users will be able to select the Display Type.
In the Animation section users will be able to select the Display Animation Type.
On the other hand Under the Design tab there are several sections for designing the Price. They are Star Rating, Sizing, Spacing, Border, Box Shadow, Filters & Transform.
In the Star Rating section users will be able to fix the Size, Color, Disable Color, Rating Margin.
Sizing, Spacing, Border, Box Shadow, Filters, Transform have as usual features which are also available for other Divi Modules.
Cart Quantity #
Under the Content tab, there are several sections for Ratings. They are Component, Animation, Background and Admin Label.
In the Component section users will be able to Fix Add to Cart default quantity & Display Type.
In the Animation section users will be able to select the Display Animation Type.
On the other hand Under the Design tab there are several sections for designing the Price. They are Component Text, Cart Quantity, Sizing, Spacing, Border, Box Shadow, Filters & Transform.
In Component Text, users will be able to change the Font, Font Weight, Font style, Text Alignment, Text Color, Text Size, Letter Spacing, Line Height & Text Shadow.
In Cart Quantity, users will be able to fix Quantity Field Background.
Sizing, Spacing, Border, Box Shadow, Filters, Transform have as usual features which are also available for other Divi Modules.
Quick View #
Under the Content tab, there are several sections for Quick View. They are Component, Icon Element, Animation, Background and Admin Label.
In the Component section users will be able to change & Display Type.
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.
Animation, 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 Quick View Text. They are Quick View Text, Icon element, Sizing, Spacing, Border, Box Shadow, Filters & Transform.
In Quick View Text, users will be able to change the Font, Font Weight, Font style, Text Alignment, Text Color, Text Size, Letter Spacing, Line Height & Text Shadow.
In Icon element users will be able to change the Icon Color & Icon Size.
Sizing, Spacing, Border, Box Shadow, Filters, Transform have as usual features which are also available for other Divi Modules.
Quick View Modal #
To Design Quick View Modal users need to go to the Module’s Parent setting’s Design Tab.
In Quick View Modal, users will be able to on/off the Quick View Loader Spinner, Spinner Size, Spinner Color. Change Container Background, Close icon background, Close icon background, Close icon color, Close icon color, Rounded Corners, Border Styles, Border style, Border Width, Border Color Border Style & Box Shadow.
In Quick View Modal Items, users will be able to Design the Title, Short. Desc., Price, Quantity, Add to Cart, Sale, Feat. Image & Gallery. Those features are very similar to the other Divi Modules features.
Add to Cart #
Under the Content tab, there are several sections for Ratings. They are Component, Icon Element, Animation, Background and Admin Label.
In the Component section users will be able to change Add to Cart Text, Add to Cart Read More Text & Display Type.
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.
Animation, 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 Price. They are Add to Cart Text, Icon element, Sizing, Spacing, Border, Box Shadow, Filters & Transform.
In Add to Cart Text, users will be able to change the Font, Font Weight, Font style, Text Alignment, Text Color, Text Size, Letter Spacing, Line Height & Text Shadow.
In Icon element users will be able to change the Icon Color & Icon Size.
Sizing, Spacing, Border, Box Shadow, Filters, Transform have as usual features which are also available for other Divi Modules.
Categories #
Under the Content tab, there are several sections for Categories. They are Component, Background and Admin Label.
In the Component section users will be able to choose the Use Separator
On the other hand Under the Design tab there are several sections for designing the Categories. They are Categories Text, Sizing, Spacing, Border, Box Shadow, Filters & Transform.
Tags #
Under the Content tab, there are several sections for Tags. They are Component, Background and Admin Label.
In the Component section users will be able to choose the Use Separator
On the other hand Under the Design tab there are several sections for designing the Categories. They are Tags Text, Sizing, Spacing, Border, Box Shadow, Filters & Transform.
Stock #
Under the Content tab, there are several sections for Ratings. They are Component, Animation, Background and Admin Label.
In the Component section users will be able to fix Show Custom Text Custom Stock Status (Available), Custom Stock Status ( Not Available) & Display Type.
Animation, 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 Categories. They are Tags Text, Sizing, Spacing, Border, Box Shadow, Filters & Transform.
Description #
Under the Content tab, there are several sections for Description. They are Component, Background and Admin Label.
On the other hand Under the Design tab there are several sections for designing the Categories. They are Description Text, Sizing, Spacing, Border, Box Shadow, Filters & Transform.
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 able to rewrite Button Text & Display Type.
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.
Animation, 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 Text, Icon Element, Sizing, Spacing, Border, Box Shadow, Filters & Transform.
Custom Text #
Under the Content tab, there are several sections for Custom Text. They are Component, Icon Element, Animation, Background and Admin Label.
In the Component section users will be able to write Text & Display Type.
Icon Element, Animation, 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 Custom Text, Icon Element, Sizing, Spacing, Border, Box Shadow, Filters & Transform.
Date #
Under the Content tab, there are several sections for Date. They are Component, Icon Element, Background and Admin Label.
In the Component section users will be able to fix Date Type & Date Format.
Icon Element, Animation, 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 Date Text, Icon Element, Sizing, Spacing, Border, Box Shadow, Filters & Transform.
Divider #
Under the Content tab, there are several sections for Divider. They are Component, Icon Element, Background and Admin Label.
In the Component section users will be able to fix Date Type & Date Format.
Icon Element, Animation, 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 Date Text, Icon Element, Sizing, Spacing, Border, Box Shadow, Filters & Transform.
YITH Wishlist #
To use this YITH Wishlist feature, users have to use another plugin called YITH WooCommerce Wishlist. After activating YITH WooCommerce Wishlist plugin users will be able to get the wishlist data through the plugin.
About YITH WooCommerce Wishlist Installation
- Unzip the downloaded zip file.
- Upload the plugin folder into the wp-content/plugins/ directory of your WordPress site.
- Activate YITH WooCommerce Wishlist from Plugins page
YITH WooCommerce Wishlist will add a new submenu called “Wishlist” under the “YITH Plugins” menu. Here you are able to configure all the plugin settings.
Under the Content tab, there are several sections for YITH Wishlist. They are Component, Icon Element, Animation, Background & Admin Label.
In the Component section users will be able to fix Wishlist Text, Added Wishlist Text & Display Type.
Icon Element, Animation, 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 Component Text, Icon Element, Sizing, Spacing, Border, Box Shadow, Filters & Transform.
YITH Compare #
To use this YITH Compare feature, users have to use another plugin called YITH WooCommerce Compare. After activating YITH WooCommerce Compare plugin users will be able to get the Compared data through the plugin.
About YITH WooCommerce Compare Installation
- Unzip the downloaded zip file.
- Upload the plugin folder into the wp-content/plugins/ directory of your WordPress site.
- Activate YITH WooCommerce Compare from Plugins page
Under the Content tab, there are several sections for YITH Compare. They are Component, Icon Element, Animation, Background & Admin Label.
In the Component section users will be able to fix Compare Text & Display Type.
Icon Element, Animation, 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 Component Text. They are Component Text, Icon Element, Sizing, Spacing, Border, Box Shadow, Filters & Transform.
Global Features of Woo Product Grid Module #
Content tab #
Under the Content tab, there are several sections for Woo Product Grid. They are Content Settings, Background and Admin Label.
In the Content Settings section users will be able to fix Product View Type, Product Count, Order, Column, Column Gap, Each Row Same Height, Product Offset Number, Show Pagination, Show Result Count & Show Product Ordering.
In Product View Type, user will be able to select Default (Menu ordering + Name)
Background and Admin Label are as usual features which are explained before.
Design tab #
On the other hand under the Design tab there are several sections for designing the Product Grid feature. They are Text, Product Wrapper, [ Quick View Model & Quick View Modal Items, they are for designing the Quick View Modal ] Result Count, Result Count Text, Pagination, Pagination Text, Active Pagination, Active Pagination Text, Sizing, Spacing, Border, Box Shadow, Filters & Transform.
In Text, users will be able to fix the Text Alignment and Text Shadow.
In Product Wrapper users will be able to fix the Product Wrapper Background, Product Wrapper Margin, Product Wrapper Padding, Product Wrapper Rounded Corners, Product Wrapper Border Styles, Product Wrapper Border Width, Product Wrapper Border Color, Product Wrapper Border Style & Product Wrapper Box Shadow.
In Result Count users will be able to fix the Result Count Background, Result Count Margin, Result Count Padding, Result Count Rounded Corners, Result Count Border Styles, Result Count Border Width, Result Count Border Color, Result Count Border Style & Result Count Box Shadow.
In Result Count Text, users will be able to change the Result Count Font, Result Count Font Weight, Result Count Font style, Result Count Text Alignment, Result Count Text Color, Result Count Text Size, Result Count Letter Spacing, Result Count Line Height and Result Count Text Shadow.
In Pagination, users will be able to change the Wrapper Background, Numbers Background, Previous Arrow Color, Next Arrow Color, Arrow Icon Size, Pagination Alignment, Numbers Margin, Numbers Padding, Numbers Rounded Corners, Numbers Rounded Corners, Numbers Border Styles, Numbers Border Width, Numbers Border Color, Number Border Style.
In Pagination Text, users will be able to change the Pagination Font, Pagination Font Weight, Pagination Font style, Pagination Text Alignment, Pagination Text Color, Pagination Text Size, Pagination Letter Spacing, Pagination Line Height & Pagination Text Shadow.
In Active Pagination, users will be able to change the Active Number Background, Active Number Margin, Active Number Padding, Active Number Rounded Corners, Active Number Rounded Corners, Active Number Border Styles, Active Number Border Width, Active Number Border Color, Active Number Border Style & Active Number Box Shadow.
In Active Pagination Text, users will be able to change the Pagination Font, Pagination Font Weight, Pagination Font style, Pagination Text Alignment, Pagination Text Color, Pagination Text Size, Pagination Letter Spacing, Pagination Line Height & Pagination Text Shadow.
Sizing, Spacing, Border, Box Shadow, Filters, Transform & Animation have as usual features which are also available for other Divi Modules.
Advanced tab #
Under the Advanced tab, there are several sections for Woo Product Grid. They are CSS ID & Classes, Custom CSS, Conditions, Visibility, Transitions, Position & Scroll Effects