|
/ Documentation /Modern Cart/ Customize General Settings in Modern Cart

Customize General Settings in Modern Cart

General Settings Modern Cart for WooCommerce

Modern Cart for WooCommerce allows you to control the core display and cart behavior through its General panel. These options help you define how the cart appears on your store and which features you want to enable or disable.

This documentation explains how to access and configure the General settings.

Access General Settings

From your WordPress dashboard, go to WooCommerce > Modern Cart, then click on the General tab from the left side of the settings window.

Here, you’ll find the following options:

1. Enable Modern Cart

Choose where to show the floating cart icon. You can select to show it on the entire site, only on WooCommerce pages, or disable it completely.

2. Cart Type (Pro)

Choose between Slideout and Popup.

Slideout Cart

Slideout Cart

Popup Cart

Popup Cart

Refer to this doc to learn more about Popup Cart feature.

3. Cart Style

Choose a cart style from six available designs (Style 1 to Style 6) to best match your store layout.
Frontend view

Setting Style

4. Cart Opening Direction (Pro)

Choose the open direction of the cart tray when Slideout cart type is chosen. Refer to this doc to learn more about how this feature works.

5. Cart Header Style (Pro)

Pick a cart header design from two available styles (Style 1 and Style 2) that best suits your store’s look and feel.
Frontend view

Cart Header Style

6. Order Summary Style (Pro)

Choose how the order summary appears inside the cart tray. Select from two available styles (Style 1 and Style 2) that fit your store’s layout and shopping experience.
Frontend view

Order Summary

7. Cart Auto-Open Behavior (Pro)

Automatically open the cart after a product is added to help users review their items easily, great for faster checkouts! Refer to this doc to learn more about this feature.

8. Display Coupon Field

Choose how you want the coupon field to appear in the cart tray:

  • Disabled – Hides the coupon field.
  • Minimize – Shows the field collapsed by default.
  • Expand – Shows the field in full view.

Frontend view

Display Coupon Field

9. Show Product Image in Mobile View (Pro)

Use this option to show product images in the cart on mobile devices. Disable it to hide images and keep the cart more compact for better performance on smaller screens.

10. Enable Free Shipping Bar

Toggle this option to display a progress bar showing how close the cart is to qualifying for free shipping. If you haven’t set up Free Shipping in WooCommerce yet, refer to this doc for setup steps.
Frontend view

Free Shipping Bar

11. Show Shipping (Pro)

Enable this to display the shipping cost in the cart tray.
Frontend view

Shipping Cost

12. Show Subtotal (Pro)

Enable this to display a subtotal line in the cart tray.
Frontend view

Subtotal

13. Show Total (Pro)

Enable this to display the total amount in the cart tray.
Frontend view

Total

14. Show Discount (Pro)

Enable this to display the discount in the cart tray, after the coupon is entered.
Frontend view

Discount Field

15. Show Tax (Pro)

Enable this to display the tax in the cart tray, if any.
Frontend view

Tax

Note: All changes are saved automatically, there is no save button in the settings panel.

Was this doc helpful?
What went wrong?

We don't respond to the article feedback, we use it to improve our support content.

Need help? Contact Support
On this page