Navigation: 3 mega menus (Events, Eat & Drink, Explore) with 2/3 link pane + 1/3 editorial spotlight panel. 2 simple dropdowns (Parking & Safety, About) with icon + label + description per row. Donate CTA styled as distinct button. Per SNA_Navigation_Strategy_OSA: mega menus trigger on hover (200ms open / 300ms close delay in production); editorial panels are CMS-managed single post references with fallback defaults; Explore groups subpages by section (Art & Culture, Shopping, Experiences, Stay); Shopping nav shows only Fashion, Gifts, and All Shopping (analytics-informed — other categories accessible via landing page); Events editorial panel uses NAVY background; Eat & Drink and Explore editorial panels use white background. Mobile: all menus convert to accordion drawers, editorial panels omitted.
The full Short North shopping directory — independent boutiques, local designers, specialty stores, and more. Filter by category or browse them all.
Showing 64 shops
§1 — Directory Header. Breadcrumb: Home › Explore › Shopping › All Shops. H1 establishes scope — this is the exhaustive shopping directory, not the editorial landing page. Subhead is functional and inviting. Result count updates dynamically as category and filters are applied. This page corresponds to the "All Shopping" link in the Explore › Shopping mega menu group. Tone: utility-forward with a warm edge — "Every Shop" is both comprehensive and welcoming.
All Shops
64
Fashion
12
Gifts
14
Specialty
11
Home & Garden
10
Toys & Games
6
Jewelry
11
§2 — Category Navigation Strip. 7 category chips including "All Shops" (active by default). Each chip includes an icon + label + live count. Clicking a category filters the grid below and updates the result count in the header. Counts are dynamic. Desktop: single-row flex. Mobile: horizontal scroll with overflow. Maps directly to the 6 Shopping subcategories that have dedicated subpages (Fashion, Gifts, Specialty, Home & Garden, Toys & Games, Jewelry). Categories are mutually exclusive — only one active at a time (unlike other filters which use AND logic). When a category is active, the header H1 updates contextually (e.g., "Fashion Boutiques in the Short North"). ★ Categories correspond to the 6 subcategory pages — selecting one here shows the same businesses that would appear on the dedicated subcategory page but inline within the directory rather than navigating away.
Open Today
Style
Price
Price Point
★ Local Designer
Sort
Featured
Clear All
§3 — Filter Bar. Sticky on scroll. Filters complement the category strip above for secondary refinement. "Open Today" toggle (uses CMS hours data). Style dropdown: varies by category context — in "All" view shows combined options; when Fashion is active, shows Womenswear / Menswear / Unisex / Accessories. Price Point dropdown: Under $25, $25–$75, $75–$150, $150+. "Local Designer" toggle: highlights locally owned/designed shops. Sort options: Featured (default), A–Z, Newest. URL query params for shareable filtered views (e.g., /shopping-directory/?category=fashion&style=womenswear). Mobile: collapses to horizontal scroll + "All Filters" drawer with badge count for active filter count. ★ Phase 2 filters noted in shopping subpages (Style, Price Point, Local Designer) are promoted to full availability here since this is the comprehensive directory view.
Open Today
[ Boutique storefront ]
FashionWomenswear
[Boutique Name]
Independent womenswear · Local designers · Gallery Hop participant
§4 — Results Grid. Uses the same shopsub-card component from the shopping subpages for visual consistency. 3-column desktop, 2-column tablet, 1-column mobile. 9 cards shown to demonstrate variety across all 6 categories. In the "All Shops" view, cards are interleaved across categories. Each card: storefront/interior photo placeholder, category + subcategory tags (max 2), shop name, description, CTA. "Open Today" badge when hours data available. When a category chip above is active, grid filters to only that category. "Load More" button for progressive loading (preferred over pagination for shopping — encourages browsing). ★ Sort order for "Featured": SNA-curated weighting (editable in CMS). Shops participating in Gallery Hop or current promotions receive a temporary boost. ★ With 64 shops at 9 per load, approximately 7 loads to see all.
Art & Culture
Galleries, exhibitions, and the creative scene that makes the Short North a destination.
§5 — Cross-Sell Footer. Three cards linking to related content: (1) Art & Culture for the creative-scene crossover (many shops participate in Gallery Hop); (2) Eat & Drink for trip-stacking ("lunch + shopping"); (3) Parking & Safety for practical visit planning. Tone: helpful, complementary. The directory is task-oriented — cross-sells provide natural next steps for a day in the Short North.
PRE-FOOTER — Global component displayed on every page. Combines newsletter signup + social links into a persistent strip above the footer.
Footer consolidates full sitemap. Social links in pre-footer above. Links connect to wireframes where available; # = placeholder for pages not yet wireframed.