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
Global Features of Woo Product List Module #
Content Tab #
Under the Content tab, there are several sections for the Woo Product List Module: Content Settings, Background, and Admin Label.
Content Settings #
Product View Type
Users can select the Product View Type from the following options:
- Default (Menu ordering + name)
- Latest Products
- Featured Products
- Sale Products
- Best Selling Products
- Top Rated Products
- Product Category
Product Count
Users can set the fixed number of products to display.
List View Type
Users can set the default List View Type or Table View.
Feature Image Section Area
Users can adjust the percentage size of the Feature Image Section Area.
Column Gap
Users can set the percentage of the Column Gap.
Each Row Same Height
Users can toggle this option On or Off to ensure each row has the same height.
Order
Users can sort products by Menu Order, Popularity, Rating, Date: Older to Newest, Date: Newest to Oldest, Price: Low to High or Price: High to Low.
Product Offset Number
Users can set the Product Offset Number to skip a specific number of products before displaying the list.
Show Pagination
Users can toggle the Show Pagination option On or Off.
Background #
Users can change the Background Color of the product list module.
Admin Label #
Users can set a custom Admin Label for the module.
Design Tab #
Text #
Text Alignment
Users can align the text using the Text Alignment settings.
Text Shadow
Users can configure the Text Shadow settings.
Product Item #
Product Item Background
Users can change the background of the product item.
Product Item Margin
Users can adjust the margin of the product item.
Product Item Padding
Users can set the padding for the product item.
Product Wrapper Rounded Corners
Users can adjust the rounded corners of the product wrapper.
Product Wrapper Border Styles
Users can change the border styles of the product wrapper.
Product Wrapper Border Width
Users can set the width of the product wrapper border.
Product Wrapper Border Color
Users can change the color of the product wrapper border.
Product Wrapper Border Style
Users can configure the border style of the product wrapper.
Product Item Box Shadow
Users can set the box shadow for the product item.
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
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.