Customizing Your Store Appearance

Create a unique shopping experience that reflects your brand identity.

Choosing a Theme

Available Themes

Select from pre-built themes:

• Classic: Traditional e-commerce layout
• Modern: Clean, minimalist design
• Spotlight: Product-focused with large images
• Magazine: Editorial-style layout
• Grid: Image-heavy grid layout

Previewing Themes

Before activating:

1. Go to Customize > Themes
2. Click "Preview" on any theme
3. Browse your store with the theme
4. Click "Activate" if you like it

Theme Customization

Colors

Customize your color scheme:

• Primary Color: Main brand color for buttons, links
• Secondary Color: Accents and highlights
• Background: Page background color
• Text Color: Main text color
• Header/Footer: Custom colors for these sections

Typography

Choose fonts:

• Heading Font: For titles and headers
• Body Font: For regular text
• Font Size: Adjust readability
• Google Fonts library available

Layout Options

Configure layout:

• Header style (fixed, transparent, minimal)
• Navigation menu position
• Sidebar presence and position
• Footer layout
• Product grid columns (2, 3, or 4)

Logo and Branding

Adding Your Logo

Upload your logo:

1. Go to Customize > Logo
2. Upload image file (PNG or SVG recommended)
3. Adjust size and position
4. Set mobile logo if different
5. Save changes

Favicon

Add favicon (browser tab icon):

• Upload 32x32 or 64x64 pixel image
• Use PNG or ICO format
• Shows in browser tabs and bookmarks

Brand Assets

Add other branding:

• Banner images for homepage
• Category page headers
• Email header logo
• Social media icons

Homepage Customization

Sections

Add and arrange sections:

• Hero Banner: Large header image with CTA
• Featured Products: Showcase select products
• Categories: Display product categories
• About: Brief brand story
• Testimonials: Customer reviews
• Instagram Feed: Social proof
• Newsletter Signup: Build email list

Section Settings

Customize each section:

• Add images and text
• Adjust layout and spacing
• Show or hide elements
• Reorder by dragging

Navigation Menus

Main Navigation

Configure header menu:

1. Go to Customize > Navigation
2. Add menu items
3. Create dropdown menus
4. Link to pages, categories, or URLs
5. Reorder items

Footer Navigation

Set up footer links:

• Company information
• Customer service pages
• Legal pages (terms, privacy)
• Social media links

Pages

Creating Custom Pages

Add pages:

1. Go to Pages > Add New
2. Enter page title
3. Write content (rich text editor)
4. Set page URL slug
5. Publish page

Page Types

Common pages to create:

• About Us
• Contact
• Shipping Information
• Return Policy
• Size Guide
• FAQ

Store Settings

Basic Information

Set store details:

• Store name
• Store description
• Contact email
• Phone number
• Business address

Social Media

Add social links:

• Facebook
• Instagram
• Twitter
• TikTok
• Pinterest
• YouTube

Mobile Customization

Mobile-Specific Settings

Optimize for mobile:

• Mobile menu style
• Mobile logo size
• Touch-friendly buttons
• Mobile product grid (1 or 2 columns)

Mobile Preview

Test mobile view:

• Use preview tool
• Check on actual devices
• Test all interactions
• Ensure fast loading

Advanced Customization

Custom CSS

Add custom styling:

1. Go to Customize > Advanced > Custom CSS
2. Write your CSS code
3. Preview changes
4. Save when satisfied

Custom JavaScript

Add custom functionality:

• Access under Advanced settings
• Add tracking scripts
• Implement custom features
• Use caution to avoid breaking site

SEO Settings

Meta Information

Optimize for search:

• Store meta title
• Meta description
• Homepage keywords
• Social sharing image

Page SEO

For each page:

• Custom title tags
• Meta descriptions
• URL structure
• Alt text for images

Performance Optimization

Image Optimization

Improve loading speed:

• Compress images before upload
• Use appropriate image sizes
• Enable lazy loading
• Use WebP format when possible

Speed Settings

Configure performance:

• Enable caching
• Minimize CSS/JS
• Optimize database
• Use CDN for assets

Seasonal Customization

Holiday Themes

Temporarily customize:

• Add holiday banners
• Change colors for season
• Feature seasonal products
• Add promotional messages

Sales Events

Customize for promotions:

• Add sale banners
• Highlight discounted products
• Create urgency with countdown timers
• Promote free shipping thresholds

Best Practices

Brand Consistency

• Use consistent colors throughout
• Maintain font hierarchy
• Keep logo visible
• Match offline branding

User Experience

• Keep navigation simple
• Ensure mobile responsiveness
• Make CTAs clear and prominent
• Test all links regularly

Professional Appearance

• Use high-quality images
• Maintain visual balance
• Don't overcrowd pages
• Keep design clean and modern

Regular Updates

• Refresh homepage seasonally
• Update featured products
• Add new testimonials
• Keep content current