Skip to main content
Dropdown mini cart module illustration

Dropdown Mini Cart for PrestaShop 9 — Quick Header Cart Access with Custom Colours

Written by Christos Daggas on . Posted in Modules.

Your cart always visible, always accessible

One of the most requested UX features in online stores is a dropdown mini cart in the header — the small panel that appears when the user hovers over or clicks the cart icon, showing the products already added without redirecting them away from the current page.

The Dropdown Cart module for PrestaShop 9 delivers this feature with a fully configurable appearance — colours, visibility, and behaviour tuned precisely to your store's needs.

Key Features

Header dropdown mini cart

The widget is embedded directly in the store header, right next to the cart icon. Visitors see:

  • A preview of cart products (image, name, quantity, price)
  • Cart total updated in real time
  • A direct link to proceed to checkout
  • The ability to remove a product without leaving the page

Configurable visibility

Control when and where the dropdown appears:

  • On hover, on click, or both
  • Show or hide on mobile devices
  • Option to show only when the cart contains products

Fully configurable colours

The mini cart appearance adapts completely to your store's design:

  • Background and text colour of the dropdown
  • Button colours (checkout, remove)
  • Border and shadow colour
  • Product count badge colour

Real-time cart display

The module updates dynamically — whenever the user adds or removes a product, the mini cart refreshes automatically without a page reload, powered by the CartPresenterService communicating with the PrestaShop API.

Why a dropdown cart increases sales

The classic redirect to the full cart page interrupts the user's browsing flow — forcing them to leave the product catalogue before deciding whether they want anything else. The dropdown cart solves this:

  • Uninterrupted shopping: Users see the cart and continue browsing.
  • Price transparency: The total is always visible — no surprises at checkout.
  • Reduced cart abandonment: Direct checkout access cuts the steps to payment.
  • Professional appearance: A functional dropdown cart gives your store the feel of a major e-commerce platform.

Technical details

  • Built for PrestaShop 9 (Symfony-based architecture)
  • Responsive — works on desktop, tablet, and mobile
  • Lightweight and optimised — zero impact on page load speed
  • Install and configure in minutes

Perfect for

Every PrestaShop store that wants to improve user experience, reduce cart abandonment, and give customers a smooth, uninterrupted shopping journey.

Get in touch

If you want to upgrade your store's user experience with a professional dropdown cart or explore UX solutions for your e-shop, contact us.