Storefront Appearance

Configure your store logo, hero banners, featured products, and what customers see in light or dark mode.

Your storefront's visual identity is shaped in two places: the Theme Builder (logo, banners, colors, and design, all beside a live preview) and the Online Store settings (featured products, subdomain, and status).

Where Everything Lives

General: Store subdomain, Active / Inactive toggle, Hide Out of Stock, and your Online Store URL (copy link or print QR poster; see Sharing Your Store)
Featured Products: products pinned to the home page
Theme Builder: logo, hero banners, design, colors, fonts, and content
Pages: custom policy pages
SEO: meta title, description, and favicon
Contacts & Social: contact details and social media links

Store Logo

Upload your storefront logo from Online Store > Theme > Open Theme Builder > Logo, right beside the live preview:

Formats: JPEG, PNG, or WEBP
Max size: 2 MB
The logo appears in the storefront header and checkout

Tip

Use a clear logo on a transparent or solid background. Square or horizontal layouts work best in the header.

Managing Hero Images

Hero images are the large banners at the top of your storefront home page:

Open Online Store > Theme > Open Theme Builder > Banners.
Upload images: up to 5 (JPEG/PNG/WEBP, 5 MB each; ~1920×600px looks best). Drag to re-order; the live preview updates after every change.
Add a link (optional): give any banner a click-through URL, e.g., to a category or promotion page.
Remove images you no longer want.

Every theme shows ALL your banners: the Classic carousel slides through them, and the split and full-width hero designs rotate through them gently with dot indicators.

Tip

Use high-quality, visually appealing images that represent your brand. Keep file sizes reasonable for fast loading times.

Featured (Special) Products

Pin up to 10 products on your storefront home page:

Open Online Store > Featured Products.
Click Add and pick a product (each product can be added once).
Drag and drop to set the display order.
Remove products from the list any time.

Note

A product must be available on your online store before you can pin it; hidden products appear dimmed and tagged in the picker. Only Active products display properly, and the list warns you if a pinned product is inactive or no longer published. If Hide Out of Stock is on (Online Store > General), out-of-stock special products are also hidden from the home page, same as the catalog.

Theme (Light and Dark Mode)

Customers can switch between light and dark mode from the storefront header. The toggle applies to the entire site, including product pages and checkout.

Tip

Your store's colors, fonts, and corner style come from its theme. Pick one of the designed themes and customize it in Storefront Themes; every theme includes a matching light and dark palette.

Storefront Themes: Pick a designed theme and customize fonts and corners
Online Storefront Overview: What customers see across the full storefront
Storefront SEO & Content: Announcement bar, footer text, and static pages
Sharing Your Store: Share your subdomain link and QR poster