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 Divi Woo Product Accordion Module #
Content Tab #
Under the Content tab, there are several sections for Woo Product Grid. They are Content Settings, Accordion Settings, Animation 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, Product Offset Number, Set Image as Product Background.
In the Accordion Settings section users will be able to select Accordion Type, Vertical Accordion at Mobile, Select Event Type, Active Item on First Time, Active Item Order Number, Accordion Contain Height.
In the Animation Settings section users will be able to on/off Enable Animation, Animation, Duration(ms), Delay(ms), Animation Timing Function, Enable Stagger & Stagger.
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 ] Item, Item Content, Additional Spacing, 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 Item users will be able to fix Rounded Corners, Border Styles, Border Width, Border Color, Border Style & Box Shadow.
In Item Content users will be able to fix Item Container Background, Rounded Corners, Border Styles, Border Width, Border Color, Border Style & Box Shadow.
In Additional Spacing users will be able to fix
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.