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 section
Global Features of Divi WooCommerce Product Filter Module #
Content tab #
Under the Content tab, there are several sections for Woo Product Filter Module. They are Content Settings, Filter Settings, Animation Settings, Background and Admin Label.
In the Content Settings section users will be able to fix Product View Type.User can Include Categories by selecting his preferred categories Users also can Use Custom Categories by using the toggle On/Off button. He can fix the category serial by giving category ID in the Custom Categories input box. Users will get the category ID from the Product Categories list from the dashboard. Users will also be able to fix Use All Button, Product Count, Column, Column Gap, Each Row Same Height, Order and Product Offset Number.
In the Content Settings section users will be able to fix the Filter Position, Filter Alignment, Filter Button gap and Show Active Button on First Load.
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 Filter Module. They are Text, Filter Button Wrapper, Filter Button, Active Filter Button, Product Item [ Quick View Model & Quick View Modal Items, they are for designing the Quick View Modal ] Sizing, Spacing, Border, Box Shadow, Filters ,Transform & Animation.
In Text, users will be able to fix the Text Alignment and Text Shadow.
In Filter Button Wrapper users will be able to fix the Filter Button Wrapper Background, Filter Wrapper Margin, Filter Wrapper Padding, Rounded Corners, Border Styles, Border Width, Border Color, Border Style & Box Shadow.
In Filter Button users will be able to fix the Filter Button Background, Filter Button Padding, Filter Button Font, Filter Button Font Weight, Filter Button Font Style, Filter Button Text Alignment, Filter Button Text Color, Filter Button Text Size, Filter Button Letter Spacing, Filter Button Height, Filter Button Text Shadow, Rounded Corners, Border Styles, Border Width, Border Color, Border Style & Box Shadow.
In Active Filter Button users will be able to fix the Active Filter Button Background, Active Filter Button Padding, Active Filter Button Font, Active Filter Button Font Weight, Active Filter Button Font Style, Active Filter Button Text Alignment, Active Filter Button Text Color, Active Filter Button Text Size, Active Filter Button Letter Spacing, Active Filter Button Height, Active Filter Button Text Shadow, Rounded Corners, Border Styles, Border Width, Border Color, Border Style & Box Shadow.
In Product Item users will be able to fix the Product Item Background, Product Item Margin, Product Item Padding, Product Item Rounded Corners, Product Item Border Styles, Product Item Border Width, Product Item Border Color, Product Item Border Style & Box 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.