PrestaShop Design & navigatie

Module Mobiele Navigatiebalk PrestaShop 8/9

De mobiele navigatie van een native app, op uw PrestaShop-winkel.

Een vaste tabbalk onderaan het scherm met home, zoeken, winkelwagen, favorieten en account, met tellerbadges in real time. Het gebaar dat uw klanten al uit het hoofd kennen, eindelijk beschikbaar op uw winkel.

At a glance
  • Vaste tabbalk onderaan het scherm, in de stijl van een native app
  • 5 inschakelbare tabbladen: home, zoeken, winkelwagen, favorieten, account
  • Live tellerbadges op de winkelwagen en de favorieten
  • Zoeken als overlay op volledig scherm, zonder de pagina te verlaten
  • De balk verdwijnt automatisch bij het scrollen naar beneden
PrestaShop 8 & 9 Multistore 5 talen Zonder afhankelijkheden Safe area iOS
  • 30 dagen geld terug
  • 12 maanden updates
  • Support binnen 24 uur
www.datafirefly.com/nl/
Barre de navigation mobile fixe en bas de l'écran sur une boutique PrestaShop
v1.0.0 · bijgewerkt 2026-07-12
Wat het doet

De korte versie.

01

De reflex van native apps

Uw klanten brengen hun dagen door in apps waar alles onderaan het scherm gebeurt, binnen duimbereik. De tabbalk kopieert precies die reflex: home, zoeken, winkelwagen, favorieten en account, altijd zichtbaar en altijd bereikbaar.

02

Tellerbadges in real time

Het aantal artikelen in de winkelwagen en het aantal producten bij de favorieten verschijnt op een gekleurd bolletje, live bijgewerkt bij elke toevoeging, zonder de pagina te herladen.

03

Zoeken als overlay op volledig scherm

Het tabblad zoeken opent onmiddellijk een zoekveld op volledig scherm, zonder de huidige pagina te verlaten. U kunt ook kiezen voor een eenvoudige doorverwijzing naar de zoekpagina.

04

Slim verdwijnen bij het scrollen

De balk verdwijnt wanneer de klant naar beneden scrolt om te lezen, en komt terug zodra hij weer omhoog gaat. Het scherm blijft vrij wanneer het moet, en de navigatie is er weer wanneer men ze zoekt.

De lange versie

Alles wat u wilt weten voordat u installeert.

Een gedetailleerde blik op hoe Module Mobiele Navigatiebalk PrestaShop 8/9 werkt, waarom we het zo gebouwd hebben en de gedachte achter de bovenstaande functies.

§ 01

De duim beslist, de balk onderaan converteert

Meer dan de helft van het e-commerceverkeer is mobiel, en op mobiel gebeurt alles in het onderste derde van het scherm, de enige zone die een duim moeiteloos bereikt. Intussen blijft de navigatie van een PrestaShop-winkel bovenaan geconcentreerd: hamburgermenu, minuscule winkelwagen, weggestopt account. De tabbalk verplaatst de vijf essentiële bestemmingen naar waar de hand ze al verwacht.

§ 02

Badges die aan de wachtende winkelwagen herinneren

Een vergeten winkelwagen is een verloren verkoop. Het tellerbolletje houdt de winkelwagen tijdens het hele bezoek permanent zichtbaar en werkt zichzelf live bij bij elke toevoeging, zonder de pagina te herladen. Hetzelfde geldt voor de favorieten: de klant ziet op elk moment wat hij opzij heeft gezet en keert er met één tik naar terug.

§ 03

Een zoekfunctie die het traject niet breekt

Het tabblad zoeken opent een veld op volledig scherm boven de huidige pagina: de klant zoekt, vindt, en vindt zijn context terug als hij de overlay sluit. Het veld heeft een grootte die de ongewenste zoom van Safari op iOS voorkomt, een detail dat de meeste thema's vergeten. Verkiest u eenvoud, dan volstaat met één klik in de backoffice een doorverwijzing naar de native zoekpagina.

§ 04

Discreet wanneer het moet, aanwezig wanneer men ze zoekt

Op een lange productpagina of een categoriepagina verdwijnt de balk bij het scrollen naar beneden om het scherm vrij te maken, en komt ze terug zodra de klant weer omhoog gaat. Het tabblad van de huidige pagina wordt automatisch gemarkeerd, de safe area van iOS wordt gerespecteerd zodat de balk nooit over de homebalk valt, en onderaan de pagina wordt ruimte toegevoegd zodat er niets van de content verborgen raakt.

§ 05

Licht, zelfstandig, compatibel met PrestaShop 8 en 9

Geen pictogramlettertype, geen afbeelding en geen bibliotheek: de pictogrammen zijn ingebouwde SVG-lijntekeningen, de JavaScript is native en de module steunt op geen enkel framework. Hij haakt in via de standaardhooks zonder de templates van uw thema te wijzigen, werkt in multistore en wordt vertaald in vijf talen geleverd.