Storefront Appearance

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

Use Online Store > Appearance (and General for logo and subdomain) to shape the visual identity customers see when they land on your storefront.

General and Appearance Tabs

General: Store subdomain, Active / Inactive toggle, Hide Out of Stock, store logo, and your Online Store URL (copy link or print QR poster; see Sharing Your Store)
Appearance: Hero banner images and Special Products pinned to the home page

Store Logo

Upload your storefront logo from Online Store > General:

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 > Appearance.
Upload images: up to 5 (JPEG/PNG/WEBP, 5 MB each; ~1920×600px looks best). Images display in the order you upload them.
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.

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 > Appearance > Special 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

Only Active products display properly; the list warns you if a pinned product is inactive.

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.