5 min read

Mobile App Customization

Tune how your store behaves on phones, and configure your native app's splash screen, navigation, appearance, and features ahead of launch.

Most of your customers shop on a phone, so BillionBiz gives mobile its own customisation screen — independent of your desktop experience. It's also where you get your future native app configured ahead of time.

Screen: Mobile Customization (left sidebar). Five tabs: Web, Screens, Nav, Appearance, Features. A live phone-frame preview on the right mirrors every change instantly.

Web — your mobile storefront

The Web tab tunes your mobile web experience — this is live today for every store.

Header, menu & navigation moved to the Header editor

This tab shows a banner linking to Online Store → Theme → Header, then switch to Mobile. Navigation type, drawer direction, bottom-nav items, the slide-out menu, and the mobile header bar (compact mode, sticky header, search, header style, menu animation) all live there now — see Navigation, Header & Footer. The Web tab itself only keeps the page-layout and footer settings below.

Page layout

SettingWhat it does
Product grid columnsOne column or two columns — two suits fashion catalogues, one suits premium items where image impact matters
Quick add-to-cartShow an add-to-cart button directly on the product card in the grid
Floating cart buttonA persistent floating cart icon at the corner of the screen
Show breadcrumbsShow or hide the breadcrumb trail (e.g. Home / Category / Product) on mobile
SettingWhat it does
Sticky bottom barKeeps a persistent action bar pinned to the bottom of the screen — distinct from the header's sticky setting and from the footer toggles below
Simplified footerCollapse the desktop footer into a compact accordion on mobile
Show footer sectionsShow or hide the footer's column sections entirely on mobile

Getting your native app ready

BillionBiz is building a branded native mobile app for your store — one app per merchant, published under your own brand name. The app itself is not live yet, but the configuration screens for it are already in your dashboard so you can set them up ahead of launch. The remaining four tabs cover this configuration.

Screens

Splash screen (logo, background colour, and an animation style — fade, scale, or none) and onboarding slides that a customer sees the first time they open your app. Add, edit, and reorder onboarding slides from this tab.

Bottom-navigation tabs for your app (Home, Shop, Cart, Wishlist, Profile, and others you add), plus a separate App Bar card:

SettingWhat it does
App Bar StyleStandard (fixed, scrolls with content), Collapsing (expands and collapses as the customer scrolls), or Transparent (transparent background, overlays content)
Show searchShow or hide the search icon in the app bar
Show cart badgeShow or hide the cart icon/badge in the app bar

Appearance

Visual styling for the app shell: a gradient or flat accent style, a corner-rounding preset (rounded, sharp, or pill), a button style (gradient, filled, or outlined), and an animation speed. A separate toggle turns on dark mode support, with a default theme mode of light, dark, or follow the device's system setting.

Features

Toggle features like wishlists, reviews, support tickets, and coupons on or off for the app experience.

Preparation, not a live app yet

On the classic admin skin, everything on the Screens, Nav, Appearance, and Features tabs saves and persists — but it configures an app that has not launched yet. Treat this as getting ready ahead of time, not as customising an app your customers can currently install. (See the callout below for what's different if you're on the newer admin skin.)

If you're on the newer admin skin

On the newer editorial admin skin, the Screens, Nav, Appearance, and Features tabs mostly save and persist the same way as the classic skin, with a few exceptions:

  • Splash logo and header images — work. A Logo URL field sets the splash-screen logo, and a header-image URL field appears for the Login and Profile screens whenever you pick their "Image" header style. Both save.
  • Bottom-navigation items — partial. You can toggle nav labels on/off and choose a fixed or shifting style, and both save, but there's no way yet to add, remove, or reorder the individual navigation tabs themselves.
  • Onboarding slides — partial. Turning onboarding on or off saves, but there's no slide editor yet to add, edit, or reorder the actual slide content.
  • Splash-logo and app-icon file upload — not available. Use the Logo URL text field instead of a file picker for now.
  • Screen toggles (Screens tab) and the Features tab's per-feature toggles — don't save. Hiding an individual app screen, or turning off wishlists/reviews/tickets/coupons for the app, only holds while you're on the page.

All of the above work fully as described elsewhere on this page when using the classic admin skin.

Next steps