salla-app-install-alert

A banner that invites mobile and tablet visitors to install the store's mobile app.

A banner that invites mobile and tablet visitors to install the store's mobile app. Place it once in the theme layout. It renders nothing unless the store has an app install prompt configured (store.app_install_prompt), the page is not already running inside the store's mobile app, and the visitor is on a touch device with a viewport up to 1024px wide. It appears 3 seconds after the page is ready. The title, sub title, icon and the top or bottom position come from the store config, and the link points to the app download URL. Closing the banner saves app_install_prompt_disabled in salla.storage. It has no props and no slots.

Use it

In HTML or JSX, use the tag <salla-app-install-alert> with the Attribute names below. In React, the wrapper takes the Property names (camelCase).

import { SallaAppInstallAlert } from '@salla.sa/twilight-components-react/app-install-alert';

Client-only. On the server this wrapper renders a placeholder (a skeleton, or nothing), and the real component mounts in the browser. Do not rely on it for content that search engines must see.

Example

import { SallaAppInstallAlert } from '@salla.sa/twilight-components-react/app-install-alert';

export function Example() {
  return (
    <SallaAppInstallAlert />
  );
}

On this page