---
title: Divi Mini Cart Expand 
description: "## **Content ** ### **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…"
url: "https://diviexpand.com/docs/divi-mini-cart-expand/"
updated: "2024-07-09"
category: Divi Mini Cart Expand
---

# Divi Mini Cart Expand 

## **Content **

### **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 **Offcanvas****Custom 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 EnableAfter 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 Label**Here, 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**