Installation

This guide walks you through installing the Brave theme on your Shopify store and setting it up for success.

Prerequisites

Before installing Brave, ensure you have:

• An active Shopify store (any plan)
• Admin access to your store
• Your theme files (ZIP file or access to the theme repository)

Installation Methods

Method 1: Upload ZIP File

Method 2: GitHub Integration

If you have access to the theme's GitHub repository:

Initial Setup

After installation, follow these steps to configure your theme:

Step 1: Enter the Theme Editor

1. Go to Online Store → Themes
2. Find "Brave" in your theme library
3. Click Customize

Step 2: Configure Theme Settings

Click the gear icon (⚙️) in the Theme Editor sidebar to access global settings:

1. Typography — Set your primary font and scale
2. Layout — Choose page width and margins
3. Colors — Configure your color schemes
4. Header — Set sticky behavior and overlay options
5. Products — Enable cart drawer and quick add
6. Social — Add your social media links

Step 3: Upload Your Logo

1. Navigate to Header in the Theme Editor
2. Upload your logo in the Logo field
3. Upload a light version in Logo (light) for overlay mode
4. Adjust the Width to your preference

Step 4: Set Up Navigation

1. In Shopify admin, go to Online Store → Navigation
2. Edit your Main menu to include your desired links
3. Create nested menus for dropdowns
4. Return to the Theme Editor and verify navigation appears

Step 5: Configure Your Homepage

1. Click on your Home page template
2. Add sections for your needs:
   • Hero Banner or Slideshow for the top
   • Editorial Grid or New Releases for products
   • Benefits for trust signals
   • FAQ for common questions

Publishing Your Theme

When you're ready to go live:

1. Go to Online Store → Themes
2. Find Brave in your theme library
3. Click Actions → Publish
4. Confirm the publish action

Migrating from Another Theme

If you're switching from another theme, keep these tips in mind:

Content That Transfers Automatically

• Products and collections
• Pages and blog posts
• Navigation menus
• Customer data

Content That Needs Reconfiguration

• Homepage sections and layout
• Header and footer settings
• Section-specific settings (hero images, slideshow content, etc.)
• Custom CSS (if any)

Recommended Migration Steps

1. Export your current theme settings — Take screenshots or notes of your current configuration
2. Install Brave as an unpublished theme — Keep your current theme live
3. Configure Brave in preview mode — Use the Preview button to test
4. Recreate homepage sections — Add and configure sections one by one
5. Test thoroughly — Check on mobile, tablet, and desktop
6. Publish when ready — Switch to Brave once everything is set

Development Setup

For developers who want to modify the theme locally:

Prerequisites

• Shopify CLI installed
• Node.js 18+ installed
• Git installed

Local Development

# Clone the theme repository
git clone [repository-url]

# Navigate to the theme folder
cd skeleton

# Connect to your Shopify store
shopify theme dev --store your-store.myshopify.com

This starts a local development server with hot reloading.

Useful Commands

Getting Help

If you encounter issues during installation:

1. Check the Troubleshooting section of relevant documentation pages
2. Review Shopify's theme documentation at shopify.dev
3. Contact theme support with details about your issue

Information to Include

When requesting support, please provide:

• Your store URL
• Steps to reproduce the issue
• Screenshots or screen recordings
• Browser and device information