Configuration

Enable/Disable QuickCart.

If set to Yes, the Quick Cart opens each time an item is added to the cart or removed.
Note: The option is ignored if the core magento setting Stores -> Configuration -> Sales -> Checkout -> Shopping Cart -> After Adding a Product Redirect to Shopping Cart is set to Yes.

Set the height of Quick Cart header [in px]. E.g. 40px

Select background color for QuickCart Header. Example: #000000

Select text color of QuickCart Header title. Example: #FFFFFF

Select background color for subtotal section from QuickCart footer. Example: #F6F6F6

Select color for text in subtotal section from QuickCart footer. Example: #000000

Select background color for grand total section from QuickCart footer. Example: #F6F6F6

Select color for text in grand total section from QuickCart footer. Example: #000000

Enable/Disable Custom message.

{amount_needed} custom variable can be used if the Free Shipping Integration is used. It will return the needed amount for Free Shipping.

Insert a custom message which is displayed whe the free shipping can be applied, based on the Minimum Order Amount value set in the Free Shipping settings.

Set the font size [in px]. E.g. 16px

#quickcart-custom-msg {
/* Custom Css Here for the custom message*/
}

#quickcart-amount-needed {
/* Custom Css Here for the {amount_needed} in the custom message */
}

Enable/Disable Custom message.

{amount_needed} custom variable can be used if the Free Shipping Integration is used. It will return the needed amount for Free Shipping.

Insert a custom message which is displayed whe the free shipping can be applied, based on the Minimum Order Amount value set in the Free Shipping settings.

Set the font size [in px]. E.g. 30px

#shoppingcart-custom-msg {
/* Custom Css Here for the custom message*/
}

#shoppingcart-amount-needed {
/* Custom Css Here for the {amount_needed} placeholder in the custom message */
}

Choose Quantity Button design

Choose Quantity Button design

Enable this option to be able to display a custom CMS Block in the Quick Cart

Choose CMS Block that you want to be displayed on Quick Cart

Enable to display discounted item prices in the Quick Cart.

Select "Column" to display the discounted price under the original price and "Inline" to display it beside the original price.

Enable this option to be able to display Coupon Codes in the Quick Cart

Enable this option to display the Grand Total in the Quick Cart

Requires Magento 2 OWL Carousel & Slider.

Select color for Carousel Title. Example: #FFFFFF

Set the font size [in px]. E.g. 16px

Set the border radius [in px]. E.g. 20px

Select background color for Carousel Arrows. Example: #FFFFFF

Select color for Carousel Arrows. Example: #555555

Select background color for Hover Carousel Arrows. Example: #FFFFFF

Select color for Hover Carousel Arrows. Example: #000000