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
| Setting | What it does |
|---|---|
| Product grid columns | One column or two columns — two suits fashion catalogues, one suits premium items where image impact matters |
| Quick add-to-cart | Show an add-to-cart button directly on the product card in the grid |
| Floating cart button | A persistent floating cart icon at the corner of the screen. It is hidden on the Cart page, where it would only cover the order summary |
| Show breadcrumbs | Show or hide the breadcrumb trail (e.g. Home / Category / Product) on mobile |
Footer
| Setting | What it does |
|---|---|
| Sticky bottom bar | Keeps 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 footer | Collapse footer content into a shorter mobile-friendly layout on phones (the Store Editor's wording: "Collapse footer content into a shorter mobile-friendly layout"). It is not a per-column accordion |
| Show footer sections | Show or hide the footer's column sections on phones. When off, phones show a compact footer with only your copyright line and legal links |
These two switches also live in the Store Editor under Settings → Mobile web. Changing either one there saves a marker that turns on the readable compact layout for a footer that has no saved sections; stores that never change either switch are left exactly as they were. To make each link column collapse into a tap-to-open row on phones, use the per-section Collapse link columns on mobile switch in the footer editor (see The Footer Editor). To fix gaps between uneven link columns on phones, use Mobile columns (Classic or Balanced) under Design → Layout in the same editor; see Mobile columns: Classic or Balanced.
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.
What the Planned chip means
On the new admin look of this page, cards for app features that are not live yet (for example the screen catalogue, splash screen, onboarding, login screen, profile screen, bottom navigation and the native-only features) carry a small outlined Planned chip where the older "Not available yet." text used to be. The native app and native push notification teasers show only a title and a short description: there is no build-progress bar and no launch quarter, and the chip carries no date either. Planned means the setting is a preview of the finished app, so you cannot publish a native app from it today. Your mobile storefront settings in the Web section are live and unaffected.
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.
Nav
Bottom-navigation tabs for your app (Home, Shop, Cart, Wishlist, Profile, and others you add), plus a separate App Bar card:
| Setting | What it does |
|---|---|
| App Bar Style | Standard (fixed, scrolls with content), Collapsing (expands and collapses as the customer scrolls), or Transparent (transparent background, overlays content) |
| Show search | Show or hide the search icon in the app bar |
| Show cart badge | Show 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.
Each control carries a plain-language description under its title:
| Control | Description shown / options |
|---|---|
| Gradient style | "Choose how brand colors blend across the app" |
| Corner rounding | "Set how rounded cards and buttons look" |
| Button style | "Choose the look of buttons across the app"; the solid option is Filled ("Solid brand-color buttons") |
| Animation speed | "How quickly screens and elements animate": None, Slow, Normal, Fast |
| Default theme mode | Light ("Always uses light theme"), Dark ("Always uses dark theme"), System ("Follows device setting") |
The product-card options sit in Card Options: card style Compact (smaller, denser layout), Standard (classic product card), or Detailed (more product info on each card); grid columns (1 column or 2 columns, "Number of products per row"); an image aspect ratio of Square (1:1), Portrait (3:4), or Landscape (16:9); and switches for the star rating and quick add ("Let shoppers add to cart straight from the list"). Long descriptions wrap inside the card instead of running off its edge.
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.