PrestaShop Design & Navigation

Mobile Bottom Navigation Bar Module for PrestaShop 8/9

The mobile navigation of a native app, on your PrestaShop store.

A fixed bottom tab bar — home, search, cart, wishlist, account — with live counter badges. The gesture your customers already know by heart, finally available on your shop.

At a glance
  • Fixed bottom tab bar, native-app style
  • 5 toggleable tabs: home, search, cart, wishlist, account
  • Live counter badges on cart and wishlist
  • Full-screen search overlay, without leaving the page
  • Hides automatically when scrolling down
PrestaShop 8 & 9 Multistore 5 languages No dependencies iOS safe-area
  • 30-day refund
  • 12 months updates
  • 24h support
www.datafirefly.com/en/
Module Barre de Navigation Mobile PrestaShop 8/9
v1.0.0 · updated 2026-07-12
What it does

The short version.

01

The native app reflex

Your customers spend their days in apps where everything happens at the bottom of the screen, within thumb reach. The tab bar reproduces that exact reflex: home, search, cart, wishlist, account — always visible, always reachable.

02

Live counter badges

The number of items in the cart and products in the wishlist appears on a coloured pill, updated live on every add, with no page reload.

03

Full-screen search overlay

The search tab opens an instant full-screen field without leaving the current page. Or simply redirect to the search page — your choice.

04

Smart hide on scroll

The bar slides away when the customer scrolls down to read, and comes back as soon as they scroll up. The screen stays clear when it should, navigation returns when it's wanted.

The long version

Everything you'd want to know before you install.

A detailed look at how Mobile Bottom Navigation Bar Module for PrestaShop 8/9 works, why we built it the way we did, and the thinking behind the features above.

§ 01

The thumb decides, the bottom bar converts

More than half of e-commerce traffic is mobile, and on mobile everything happens in the lower third of the screen — the only zone a thumb reaches effortlessly. Meanwhile, a PrestaShop shop's navigation stays clustered at the top: burger menu, tiny cart icon, buried account. The tab bar moves the five essential destinations to where the hand already expects them.

§ 02

Badges that keep the waiting cart in mind

A forgotten cart is a lost sale. The counter pill keeps the cart permanently visible throughout browsing and updates live on every add, with no reload. Same for the wishlist: the customer always sees what they set aside, and returns to it with one tap.

§ 03

Search that doesn't break the journey

The search tab opens a full-screen field over the current page: the customer searches, finds, and gets their context back if they close the overlay. The field is sized to prevent Safari's unwanted zoom on iOS — a detail most themes forget. If you prefer simplicity, a redirect to the native search page is one click away in the back office.

§ 04

Out of the way when needed, there when wanted

On a long product page or category listing, the bar slides away on scroll down to free up the screen, and returns as soon as the customer scrolls back up. The tab matching the current page is highlighted automatically, the iOS safe area is respected so the home indicator is never overlapped, and bottom spacing is added so no content is hidden.

§ 05

Light, self-contained, PrestaShop 8 and 9 ready

No icon font, no image, no library: icons are inline stroke SVGs rendered with the page, the JavaScript is vanilla, and the module relies on no framework. It plugs into standard hooks without touching your theme templates, works in multistore, and ships translated into five languages.