Defaults: LocaleBanner to Footer

import { … } from '@poltura/theme-sdk/chrome';

LocaleBannerHivatkozás másolása

Suggests a storefront or a language.

LocaleBanner(props: LocaleBannerProps): ReactElement | null

Offers the storefront made for the visitor's country, which their cart moves to, else the store's language closest to the browser's, once, to a visitor who has chosen neither. It stays away from the checkout and sign-in pages and while another visitor popup is open.

Props: LocaleBannerProps

Example

import { LocaleBanner } from '@poltura/theme-sdk/chrome';

export function Suggestions() {
  return <LocaleBanner />;
}

See also: useLocaleSwitcher

HeaderHivatkozás másolása

The store's header: the promo bar and the header section group in the pinned box the header's scroll settings drive.

Header(): ReactElement

Draw it outside the header group itself; the storefront layout already draws it once per page.

Example

import { Footer, Header } from '@poltura/theme-sdk/chrome';
import type { ReactNode } from 'react';

export function Shell({ children }: { children: ReactNode }) {
  return (
    <>
      <Header />
      <main>{children}</main>
      <Footer />
    </>
  );
}

See also: useHeader

FooterHivatkozás másolása

The store's footer: the footer section group as the merchant arranged it.

Footer(): ReactElement

Draw it outside the footer group itself; the storefront layout already draws it once per page.

Example

import { Footer } from '@poltura/theme-sdk/chrome';

export function PageEnd() {
  return <Footer />;
}

See also: Header