STORE WINDOW COMPONENT

Display individual store information with preview images and product counts.

PROPS

Prop	Type	Description
name	string	Store name
description	string	Store description
productCount	number	Number of products in store
previewImages	string[]	Product preview images
onClick	() => void	Click handler

Variants

Default

Official Band Merch

Exclusive merchandise from the official band store. Limited edition items and tour exclusives.

24 products

Featured Store

FEATURED

Artist Collective

Curated collection from multiple artists. Support independent creators.

156 products

Compact Layout

Quick Shop

Limited items

8 products

Loading State

USAGE EXAMPLES

BASIC IMPLEMENTATION

1import { StoreWindow } from '@/components/fanbace/store';
2 
3export default function StoreExample({ store }: Props) {
4  return (
5    <StoreCard
6      name={store.name}
7      description={store.description}
8      productCount={store.productCount}
9      previewImages={store.products.slice(0, 4).map(p => p.image)}
10      onClick={() => router.push(`/stores/${store.id}`)}
11    />
12  );
13}