Divi Mini Cart

Mini Cart #

In Mini Cart user will able to on/off Price Amount, Cart Icon, Image as cart icon & Count Badge

Mini Cart Content Area #

Users will be able to write Cart Title in the input box and be able to On/Off the Cart Item Added Info.

Users will be able to select Two Event Types. They are Click & Hover.

In Mini Cart Content users will be able to select Cart Content Type. There are two types of Cart Content Type 

01. Offcanvas

02. Dropdown

For Offcanvas View there will be two options. They are the Right Side & Left Side.

For Offcanvas View, users can also on/off the Offcanvas Custom Size.For OffcanvasCustom Size user able to fix the Offcanvas Width & Offcanvas Height

Mini Cart Product Items #

Users will be able on/off the Product Total Price & Always Show Product Close Button

General Settings #

Users will be able to on/off the Enable Add To Cart Button at Shop, Close Button, Show Overlay On Mini Cart Open, MinI Cart Open On Add To Cart Press & Close Mini Mini Cart On Outside Click

Floating Cart #

Users will be able to on/off the Floating Cart. Users are also able to fix Floating Cart Type. There are two types- Floating Cart Icon & Floating Cart Bar. 

Users are also able to fix Floating Cart Position. The positions are Bottom Right, Bottom Center , Bottom Left, Middle Right, Middle Left, Top Right & Top Left.

In the Floating Cart section users are able to fix the Custom Position, Floating Icon, Image as Cart Icon & Floating Bar Background.

Footer Area  #

Users will be able to on/off the Two Column View.

View Cart Button #

View Cart Text

Here user will be able to change the View Cart Text by giving input

View Cart URL Target

Here user will be able to select where the URl will be open in The Same Window or in The New Tab

Checkout Button #

Checkout Text

Here user will be able to change the Checkout Text by giving input

Checkout URL Target

Here user will be able to select where the URl will be open in The Same Window or in The New Tab

Empty Cart #

Empty Cart Text

Here, user will be able to give the input for Empty Cart Text

Empty Cart Shop Button Text 

Here, user will be able to give the input for Empty Cart Shop Button Text 

Before After Cart Item Content #

Enable Before Content

Users will be able to on/off the Enable Before Content

Before Content

Here, user will be able to give the input for the Before Content

Enable After Content

Users will be able to on/off the Enable After Content

Before Content

Here, user will be able to give the input for the After Content

Background #

Here, users will be able to change the Background. The options are Color, Gradient, Image, Video, Pattern & Mask 

Admin Label #

Admin LabelHere, user will be able to change the Admin Label

Design #

Mini Cart #

Mini Cart Background

Here, user will be able to change the Mini Cart Background

Mini Cart Alignment

Here, user will be able to change the Mini Cart Alignment  

Cart Icon Color

Here, user will be able to change the Cart Icon Color

Cart Icon Size

Here, user will be able to change the Cart Icon Size

Count Badge Background

Here, user will be able to change the Count Badge Background

Count Badge Font Color

Here, user will be able to change the Count Badge Font Color

Count Badge Font Size

Here, user will be able to change the Count Badge Font Size

Count Badge Area Size

Here, user will be able to change the Count Badge Area Size

Count Badge Position

Users will be able to on/off the Count Badge Position

Count Badge Position Top

Here, user will be able to change the Count Badge Position Top

Count Badge Position Right

Here, user will be able to change the Count Badge Position Right

Price Font 

Here, user will be able to Fix the Price Font 

Price Font Weight

Here, user will be able to Fix the Price Font Weight

Price Font Style

Here, user will be able to Fix the Price Font Style

Price Text Color

Here, user will be able to Fix the Price Text Color

Price Text Size

Here, user will be able to Fix the Price Text Size

Price Letter Spacing

Here, user will be able to Fix the Price Letter Spacing

Price Line Height

Here, user will be able to Fix the Price Line Height

Price Text Shadow

Here, user will be able to Fix the Price Text Shadow

Rounded Corners

Here, user will be able to Fix the Rounded Corners

Border Styles

Here, user will be able to Fix the Border Styles

Border Width

Here, user will be able to Fix the Border Width

Border Color

Here, user will be able to Fix the Border Color

Border Style

Here, user will be able to Fix the Border Styles

Border Shadow

Here, user will be able to Fix the Border Styles

Mini Cart Content Container #

Container Background

Here, user will be able to change the Container Background

Content Alignment

Here, user will be able to change the Content Alignment

Rounded Corners

Here, user will be able to change the Rounded Corners

Border Styles

Here, user will be able to change the Border Styles

Border Width

Here, user will be able to change the Border Width

Border Color

Here, user will be able to change the Border Color

Border Style

Here, user will be able to change the Border Style

Box Shadow

Here, user will be able to change the Border Shadow

Mini Cart Content #

Cart Title #

Cart Title Font

Here, user will be able to Fix the Cart Title Font

Cart Title Font Weight

Here, user will be able to Fix the Cart Title Font Weight

Cart Title Text Alignment

Here, user will be able to Fix the Cart Title Font Weight

Cart Title Text Color

Here, user will be able to Fix the Cart Title Color

Cart Title Size

Here, user will be able to Fix the Cart Title Size

Cart Title Letter Spacing

Here, user will be able to Fix the Cart Title Letter Spacing

Cart Title Line Height

Here, user will be able to Fix the Cart Title Line Height

Cart Title Text Shadow

Here, user will be able to Fix the Cart Title Text Shadow

Item Info #

Cart Item Alignment

Here, users will be able to Fix the Cart Item Alignment, Icon Color, Icon Size, Cart Icon Image Width.

Users will be also able to do fix Item Added Info Font, Item Added Info Font Weight, Item Added Info Font Style, Item Added Info Text Color, Item Added Info Text Size, Item Added Info Letter Spacing, Item Added Info Line Height & Item Added Info Text Shadow   

Mini Cart Products Items #

Increment #

Users will be also able to fix Increment Background, Increment Button Color & Increment Button Font Size.

Quantity #

Users will be also able to fix  Quantity Background, Input Quantity Color & Input Quantity Font Size

Decrement #

Users will be also able to fix Decrement Background, Decrement Button Color & Decrement Button Font Size.

Image #

Users will be also able to fix Rounded Corners, Border Styles,Border Width, Border Color & Border Style

Title #

Users will be also able to fix  Product Title Font, Product Title Font Weight, Product Title Font Style, Product Title Text Color, Product Title Text Size, Product Title Letter Spacing, Product Title Line Height & Product Title Text Shadow

Price #

Users will be also able to fix Product Price Font, Product Price Font Weight, Product Price Font Style, Product Price Text ColorProduct Price Text Size, Product Price Letter Spacing, Product Price Line Height & Product Price Text Shadow

Total Price #

Users will be also able to fix Item Subtotal Font, Item Subtotal Font Weight, Item Subtotal Font Style, Item Subtotal Text Color, Item Subtotal Text Size, Item Subtotal Letter Spacing, Item Subtotal Line Height & Item Subtotal Text Shadow

Close #

Users will be also able to fix Close Button Background, Close Button Color & Close Button Font Size

Items #

Users are able to fix the Cart Product Item’s Gap, Rounded Corners, Border Styles, Border Width, Border Color & Border Style.

Close Button #

Users will be also able to fix the Close Button Background, Close Button Color, Close Button Font Size, Rounded Corners, Border Styles, Border Width, Border Color, Border Style & Box Shadow

Floating Cart Icon #

Users are able to fix the Icon Color & Icon Size.

Floating Cart Bar #

Quantity #

Users are able to fix the Bar Quantity Font, Bar Quantity Font Weight, Bar Quantity Font Style, Bar Quantity Text color, Bar Quantity Text Size, Bar Quantity Letter Spacing, Bar Quantity Line Height, Bar Quantity Text Shadow.

Separator #

Users are able to fix the Separator Color

Bar Total #

Users are able to fix the Bar Total Font, Bar Total Font weight, Bar Total Font Style, Bar Total Text Color, Bar Total Text Size, Bar Total Letter Spacing, Bar Total Line Height, Bar Total Text Shadow

Total & Subtotal #

Subtotal #

Users will be also able to fix  Subtotal Font, Subtotal Font Weight, Subtotal Font Style, Subtotal Title Text Color, Subtotal Text Size, Subtotal Letter Spacing, Subtotal Line Height & Subtotal Text Shadow.

Subtotal Amount #

Users will be also able to fix  Subtotal Amount Font, Subtotal Amount Font Weight, Subtotal Amount Font Style, Subtotal Amount Title Text Color, Subtotal Amount Text Size, Subtotal Amount Letter Spacing, Subtotal Amount Line Height & Subtotal Amount Text Shadow.

Total #

Users will be also able to fix  Total Font, Total Font Weight, Total Font Style, Total Title Text Color, Total Text Size, Total Letter Spacing, Total Line Height & Total Text Shadow.

Total Amount #

Users will be also able to fix  Total Amount Font, Total Amount Font Weight, Total Amount Font Style, Total Amount Title Text Color, Total Amount Text Size, Total Amount Letter Spacing, Total Amount Line Height & Total Amount Text Shadow.

Coupon & Discount #

Add Coupon #

Users will be also able to fix  Add Coupon Font, Add Coupon Font Weight, Add Coupon Font Style, Add Coupon Title Text Color, Add Coupon Text Size, Add Coupon Letter Spacing, Add Coupon Line Height & Add Coupon Text Shadow.

Apply Coupon #

Users will be also able to fix  Apply Coupon Background, Apply Coupon Font, Apply Coupon Font Weight, Apply Coupon Font Style, Apply Coupon Title Text Color, Apply Coupon Text Size, Apply Coupon Letter Spacing, Apply Coupon Line Height & Apply Coupon Text Shadow.

Discount #

Users will be also able to fix  Discount Font, Discount Font Weight, Discount Font Style, Discount Text Color,Discount Text Size, Discount Letter Spacing, Discount Line Height & Discount Text Shadow.

Discount Amount #

Users will be also able to fix  Discount Amount Font, Discount Amount Font Weight, Discount Amount Font Style, Discount Amount Text Color,Discount Amount Text Size, Discount Amount Letter Spacing, Discount Amount Line Height & Discount Amount Text Shadow.

Coupon Code #

Users will be also able to fix  Coupon Code Font, Coupon Code Font Weight, Coupon Code Font Style, Coupon Code Text Color,Coupon Code Text Size, Coupon Code Letter Spacing, Coupon Code Line Height & Coupon Code Text Shadow.

Success Message #

Users will be also able to fix  Success Message Font, Success Message Font Weight, Success Message Font Style, Success Message Text Color, Success Message Text Size, Success Message Letter Spacing, Success Message Line Height & Success Message Text Shadow.

Error Message #

Users will be also able to fix  Error Message Font, Error Message Font Weight, Error Message Font Style, Error Message Text Color, Error Message Text Size, Error Message Letter Spacing, Error Message Line Height & Error Message Text Shadow.

Shipping and Tax #

Shipping #

Users will also be able to fix  Shipping Font, Shipping Font Weight, Shipping Font Style, Shipping Text Color, Shipping Text Size, Shipping Letter Spacing, Shipping Line Height & Shipping Text Shadow.

Shipping Amount #

Users will be also able to fix  Shipping Amount Font, Shipping Amount Font Weight, Shipping Amount Font Style, Shipping Amount Text Color, Shipping Amount Text Size, Shipping Amount Letter Spacing, Shipping Amount Line Height & Shipping Amount Text Shadow.

Shipping Rate #

Users will be also able to fix  Shipping Rate Font, Shipping Rate Font Weight, Shipping Rate Font Style, Shipping Rate Text Color, Shipping Rate Text Size, Shipping Rate Letter Spacing, Shipping Rate Line Height & Shipping Rate Text Shadow.

Change Address #

Users will be also able to fix  Shipping Rate Font, Shipping Rate Font Weight, Shipping Rate Font Style, Shipping Rate Text Color, Shipping Rate Text Size, Shipping Rate Letter Spacing, Shipping Rate Line Height & Shipping Rate Text Shadow.

Tax #

Users will also be able to fix  Tax Font, Tax Font Weight, Tax Font Style,Tax Text Color, Tax Text Size, Tax Letter Spacing, Tax Line Height & TaxText Shadow.

Tax Amount #

Users will be also able to fix  Tax Amount Font, Tax Amount Weight, Tax Amount Font Style,Tax Amount Text Color, Tax Amount Text Size, Tax Amount Letter Spacing, Tax Amount Line Height & Tax Amount Text Shadow.

View Cart Button #

Users will be also able to fix the View Cart Background, View Cart Font, View Cart Font Weight, View Cart Font Style, View Cart Text Alignment, View Cart Text Color, View Cart Text Size, View Cart Letter Spacing, View Cart Line Height, View Cart Text Shadow, Rounded Corners, Border Styles, Border Width, Border Color, Border Style & Box Shadow

Checkout Button #

Users will be also able to fix the Checkout BackgroundCheckout Font, Checkout Font WeightCheckout Font Style, Checkout Text Alignment, Checkout Text Color, Checkout Text Size, Checkout Letter Spacing, Checkout Line Height, Checkout Text Shadow, Rounded Corners, Border Styles, Border Width, Border Color, Border Style & Box Shadow

Empty Cart #

Empty Cart Text #

Users will be also able to fix the Empty Cart Font, Empty Cart Font Weight, Empty Cart Font Style, Empty Cart Alignment, Empty Cart Text Color, Empty Cart Text Size, Empty Cart Letter Spacing, Empty Cart Line Height & Empty Cart Text Shadow

Shop Button Text #

Users will also be able to fix the Shop Button Font,  Shop Button Font Weight, Shop Button Font Style, Shop Button Text Alignment, Shop Button Text Color & Shop Button Text Size.

Additional Spacing  #

Content  #

Users will be also able to fix the Mini Cart Margin, Mini Cart Padding, Mini Cart Icon Margin, Mini Cart Title Margin, Item Info Margin, Item Subtotal Margin & Item Subtotal Amount Margin

Wrapper  #

Users will be also able to fix the Mini Cart Wrapper Margin, Mini Cart Wrapper Padding, Offcanvas/Dropdown Wrapper Margin, Offcanvas/Dropdown Wrapper Padding

Add To Cart Button #

Users will be also able to on/off Use Custom Styles for Add to Cart Button.

Users will be also able to fix the Add To Cart Button Text Size, Add To Cart Button Color, Add To Cart Button Background, Add To Cart Button Border Color, Add To Cart Button Border Radius, Add To Cart Button Letter Spacing, Add To Cart Button Font, Add To Cart Button Weight, Add To Cart Button Font Style, Add To Cart Button Icon, Add To Cart Button Icon Color, Add To Cart Button icon Placement, Only Show Icon On Hover for Add To Cart Button, Add To Cart Button Cart Text Shadow, Add To Cart Button Margin, Add To Cart Button Padding, Button Box Shadow

Sizing #

Users will be also able to fix the Width, Max Width, Module Alignment, Min Height, Height & Max Height

Spacing #

Users will be also able to fix the Margin & Padding

Box Shadow #

Users will be also able to fix the Box Shadow

Filters #

Users will be also able to fix the Hue, Saturation, Brightness

Contrast, Invert, Sepia, Opacity, Blur & Blend Mode

Transform #

Transform

Users will be also able select Transform Scale, Transform Translate, Transform Rotate, Transform skew & Transform Origin

Animation  #

Animation Style #

Users will be also able to fix the None, Fade, Slide, Bounce, Zoom, Flip, Fold & Roll

Advanced #

CSS ID & Classes #

Users will be also able to create the CSS ID & CSS Class

Custom CSS #

Users will be also able to create the CSS ID & CSS Class

Free-From CSS #

Module Elements #

Conditions #

Users will be also able to create the Display Conditions

Visibility #

Users will be also able to disable on Phone, Tablet, Desktop

Horizontal Overflow #

Users will be also able to disable on Default, Visible, Scroll, Hidden & Auto.

Vertical Overflow #

Users will be also able to disable on Default, Visible, Scroll, Hidden & Auto

Transitions #

Users will be also able to disable on Transition Duration & Transition Delay

Transition Speed Curve  #

Users will be also able to disable on Ease-In-Out, Ease, Ease-In, Ease-Out & Linear

Position #

Users will be also able to disable on Ease-In-Out, Ease, Ease-In, Ease-Out & Linear

Scroll Effects #

Sticky Position #

Users will be also able to fix the Sticky Position

Apply Motion Effects to Child Elements #

Users will be also able to on/off Apply Motion Effects to Child Elements

Scroll Transform Effects #

Users will be also able select Vertical Motion, Horizontal Motion, Fading In and Out, Scaling Up and Down, Rotating & Blur

Enable Vertical Motion #

Users will be also able to on/off Enable Vertical Motion

Motion Effect Trigger #

Users will be also able select Middle of Element, Top of Element & Bottom of Element