Back to Documentation

Setting Your Menu Layout

Transform browsers into buyers with strategic menu design

Your Digital Retail Strategy

Picture walking into an Apple Store. The latest iPhone catches your eye in the window display. As you enter, seasonal promotions guide you through carefully curated product zones. Featured accessories are strategically placed near complementary devices. Every element is purposefully designed to enhance your shopping experience and drive sales.

Your digital menu can work the same way. With Joynt's dynamic layout system, you're not just listing products – you're creating an intuitive shopping journey that guides customers from discovery to purchase. From highlighting daily specials to showcasing new arrivals, every element of your menu can be strategically positioned to maximize impact and drive revenue.

The Menu Experience: Then vs Now

Traditional Static Menu

Customer Perspective
  • • "Too many products, where do I start?"
  • • "Have to click through multiple categories"
  • • "Can't easily find specific types of products"
  • • "Endless scrolling through irrelevant items"
Navigation Challenges
  • • Cluttered category rows taking up space
  • • Multiple clicks to reach desired products
  • • Hidden subcategories behind "More" buttons
  • • Frustrating back-and-forth navigation

Smart Joynt Menu

Customer Perspective
  • • "One click to see exactly what I want"
  • • "Smart filters show me relevant options instantly"
  • • "Love the curated collections like 'Staff Picks'"
  • • "Can find my favorite products in seconds"
Smart Navigation
  • • Intelligent product groups with one-click access
  • • Pre-filtered collections (e.g., "High CBD Products")
  • • Dynamic categories like "Top Shelf Under $40"
  • • Instant access to personalized preferences
Business Benefits
  • • Higher customer return rates
  • • Reduced navigation abandonment
  • • More efficient shopping experience
  • • Increased customer satisfaction

Pro Tip: Smart product groups and pre-filtered collections eliminate the friction of traditional category navigation. When customers can find exactly what they're looking for in one click, they're more likely to complete their purchase and return for future shopping.

Increased Engagement

Strategic promotion placement catches customer attention and drives interaction.

Higher Conversion

Intuitive navigation and clear promotions turn browsers into buyers.

Better Experience

Guided discovery helps customers find exactly what they want.

Smart Layout Options

Choose the perfect layout to showcase your smart collections and promotions

Premium Promotional Layout

Drive sales with multiple promotional zones and easy product discovery.

Layout Structure

Position A Banner
Position B Banner
Position C Banner
Position D Banner

The following buttons are examples. Create custom buttons that match your business needs.

Quick Access

Daily Deals
Staff Picks
New Arrivals
Best Sellers
Bulk Savings

Categories

Flower
Pre-Rolls
Vapes
Edibles
Extracts

Featured Brands

Cloud Nine
Green Peak
Aurora Bloom
Mountain High
Sunlight Farms
Position E Banner

Layout Advantages

Strategic Communication
  • • Multiple banner zones for different content types
  • • Dedicated spaces for deals, brands, and events
  • • Rotating content keeps information fresh
  • • Important messages immediately visible
Efficient Shopping
  • • See deals and events at a glance
  • • No digging through pages
  • • Quick access to current promotions
  • • Faster path to checkout

Pro Tip: Dedicate specific banner positions to different types of content - use Position A for daily specials, B & C for brand features and events, D for educational content, and E for important announcements. This creates a consistent experience that customers learn to navigate efficiently.

Standard Focus Layout

A streamlined design with expanded button options for easy product discovery.

Layout Structure

Position A Banner

The following buttons are examples. Create custom buttons that match your business needs.

Quick Access

Staff Picks
Daily Deals
New Arrivals
Best Sellers
Bulk Savings

Categories

Flower
Pre-Rolls
Vapes
Edibles
Extracts

Featured Brands

Cloud Nine
Green Peak
Aurora Bloom
Mountain High
Sunlight Farms

Featured Concentrates

Diamond Labs
Pure Extract
Gold Rush
Vapor Tech
Dab Kings

Featured Edibles

Sweet Life
Baked Bliss
Canna Cook
Happy Treats
Mellow Bites

Layout Advantages

Focused Navigation
  • • More space for button organization
  • • Additional brand showcasing
  • • Expanded category filtering
  • • Clear product discovery path
Enhanced Shopping
  • • Simplified product browsing
  • • Extra collection space
  • • Feature more brands
  • • Clean mobile experience

Pro Tip: Use the Standard Focus layout when you want to emphasize product discovery and brand exploration. The expanded button space allows for more detailed categorization and brand features, making it ideal for category pages and search results.

Setting Up Your Layout

Configure layouts and banner placement for different menu sections

Choose Your Layouts

Homepage Layout

Premium Promotional
Standard Focus

Select layout for your main menu page

Search Results Layout

Premium Promotional
Standard Focus

Select layout for category and search pages

Common Setup

Homepage

Premium Layout

Show all promotions and deals

Category Pages

Standard Layout

Focus on product discovery

Layout Configuration

Select your preferred layouts in the Site Template General Settings



Banner Position Examples

See how different banner types work in each position

Position A

Daily Deals Banner
Flash Sale Banner
New Arrivals Banner

Position B & C

Brand Feature Banner
Category Promotion Banner
Event Announcement Banner

Position D

Educational Content Banner
Featured Collection Banner
Perfect for content that supports the buttons below

Position E

Store Announcements Banner
Upcoming Events Banner

Note: Multiple banners can be assigned to the same position. They will automatically rotate, keeping your content fresh while maintaining a clean layout.

Pre-Launch Checklist

Verify your layout setup before going live

Layout Configuration

Homepage Layout

Selected Layout

Premium or Standard layout is set in Site Template

Banner Positions

All banner positions show correct content

Button Organization

Buttons arranged in logical order

Search Results Layout

Selected Layout

Premium or Standard layout is set for search results

Category Experience

Layout supports easy product discovery

Banner Content

Content Check

Banner Content

All banners display correct images and text

Content Rotation

Multiple banners rotate properly in each position

Link Check

Banner Links

All banners link to correct destinations

Button Links

All buttons navigate to intended content

Cross-Device Verification

Desktop View

Layout appears correctly on large screens

Mobile View

All content readable and functional on small screens

Success Check: Your layout is ready when:

  • • Homepage and search layouts are configured correctly
  • • All banners display and rotate as intended
  • • Button organization supports easy navigation
  • • Content looks great across all devices
  • • Test environment matches expected production behavior

Common Issues & Solutions

Quick fixes for typical challenges

Banner Display Issues

Banners Not Rotating

Check:

  • Banner position field value
  • Start/end dates if set
  • Active status setting

Try:

  • Republish banners
  • Clear browser cache
  • Test in incognito window

Banner Placement

Check:

  • Layout setting in General tab
  • Banner position assignments
  • Layout matches page type

Layout Problems

Wrong Layout Showing

Check:

  • Homepage layout setting
  • Search results layout setting
  • Changes are published

Try:

  • Republish site template
  • Clear test environment cache

Mobile Display

Check:

  • Banner image sizes
  • Text length in buttons
  • Scrolling behavior

Note: Always test changes in your test environment first. This allows you to verify layouts and banner behavior before affecting your live site. If problems persist after trying these solutions, ensure all changes are published and clear your browser cache.

Need Assistance?

We're here to help you create the perfect menu experience.

Support & Documentation

We're here to help you succeed.

  • User Guides
  • Release Notes
  • Technical Support
  • Implementation Help

Training

Need personalized assistance? We're here to make your experience seamless.

  • Virtual training sessions
  • On-site training options
  • New feature walkthroughs
  • Comprehensive staff training