How Can We Help?

Search for answers or browse our knowledge base.

< All Topics
Print

DCP Mini Cart

DCP Mini Cart module gives you a quick view of the cart. When you click on the cart icon a mini cart window is open with the option VIEW CART & CHECKOUT.

This module comes enable with the Header pack of Divi cart pro child theme.

How to enable DCP Mini Cart module with the Default Divi Header

To use this module with Default Divi Header you need to enable this module under Divi Theme Options.

Go to WordPress Dashboard >> Divi >> Divi Theme Options

Here you will find a new tab named Divi Cart Pro. Under this tab you have following two option.

  1. Enable Mini Cart on Divi’s default header: As you enabled this option another setting will appear for Mini Cart module.

2. Mini Cart Module: There should be at least one Divi Library layout of type module with Mini Cart module in it.


mini-cart-module-library-layout
divi-library-module-type

How to enable DCP Mini Cart module with the Custom Divi Headers

To use Mini cart module with Custom headers, edit your header layout and add the module DCP Mini Cart as shown in below screenshot and save changes. Further you can apply design customisation from the module settings.

Customisation of Module

Content Tab

Mini Cart

Mini Cart Icon Type: In this you have 2 icon type option Divi’s Native icon and other one is custom.

Mini Cart Placement: Here you can choose whether the mini cart should open. 4 options are listed here that is Bottom Left, Bottom Right, Top Left, Top Right.

Display: Here we can choose the element you want to display in mini cart. Customisation of the element can be done in the design tab. These elements are:

  1. Product Count
  2. Product Thumbnail
  3. Product Name
  4. Product Price
  5. Product Quantity
  6. Cart Subtotal
  7. Remove Product Button
  8. View Cart Button
  9. Checkout Button

View Cart Button Text: Here you can input the text for View Cart Button.

Checkout Button Text: Here you can input the text to be used for Checkout Button Text.

Empty Cart Text: Input the text for Empty Cart text here.

Design Options

Cart Icon: Here you can perform all the customisation associated with cart icon like icon color, size, height, shadow.

Same as Cart Icon you can customise Product Count, Mini Cart Title, Product, and Subtotal elements all the design options available under the Design tab of the module setting.

View Cart Button

How to style View Cart Button: Go to Design tab >> View Cart Button >> enable the setting Use Custom Styles For View Cart Button.

After enabling the option you can cusomize the button text size, color, background, button border color, radius, letter spacing, button font, wight style, also you can show icon with the button.

How to use icon with View Cart Button: Go to Design tab >> View Cart Button >> enable the setting Show View Cart Button Icon

Checkout Button Icon

To style the Checkout Button Icon go to module setting >> Design Tab >> Checkout Button >> Enable the Use Custom Styles For Checkout Button.

Here you can perform all the styles options related to Checkout Button.

Show Icon On Hover: If you want to display the icon only on hover, enable the Only Show Icon On Hover for Checkout Button

Was this article helpful?
4.3 out of 5 stars

2 ratings

5 Stars 0%
4 Stars 100%
3 Stars 0%
2 Stars 0%
1 Stars 0%
How can we improve this article?
Please submit the reason for your vote so that we can improve the article.
Next DCP Woo Products