Light / dark, menus and the contact dock

Color mode, mega menu, mobile menu, contact dock and popups.

Tân DoanhUpdated 21 Oct 2026

Light / dark

Follows the device setting, with a toggle button that remembers the visitor's choice, synchronized across the whole site through the data-theme attribute.

Mega menu

A custom-built vertical category mega menu (no plugin), configured by drag and drop across 3 levels in the Mega Menu tab, with an image for each group.

Mobile menu

A slide-in menu that drills down one level at a time, with a back button, used on screens 1080 px wide and below (including iPad in portrait). The data is shared with the mega menu.

Contact dock

A vertical column of buttons on desktop and a floating expandable button on mobile, for hotline, Zalo, Messenger, Telegram and email; arrange each channel in the Contact Footer tab.

Multiple popups scoped by page, triggered automatically, after a delay, on scroll or on exit intent; frequency is controlled by cookie; separate banners for desktop and mobile. Assets load only when a popup matches the page.