Home Page
Overview
The Label One theme allows you to create a fully customizable homepage using Shopify's section-based editor. While there isn't a fixed homepage template, you can build your ideal homepage by adding, removing, and reordering sections to showcase your products, brand story, and promotions effectively.
Key Homepage Sections
The Label One theme offers various sections that can be combined to create an engaging homepage:
Hero Sections
- Image Banner - Full-width image with optional overlay text and buttons
- Slideshow - Multiple slides with images, text, and call-to-action buttons
- Video Banner - Background video with optional overlay content
Product Showcases
- Featured Collection - Highlights products from a specific collection
- Featured Product - Showcases a single product with details and add-to-cart functionality
- Collection List - Displays multiple collections in a grid or slider
- Product Grid - Shows a customizable selection of products
Content & Branding
- Rich Text - Text-focused section with formatting options
- Image with Text - Combines imagery with messaging
- Marquee - Scrolling text for announcements or branding
- Testimonials - Customer reviews and social proof
- FAQ - Frequently asked questions in accordion format
Engagement Elements
- Newsletter - Email subscription form
- Instagram Feed - Social media integration
- Promotional Banner - Highlight sales, shipping offers, or other announcements
- Custom HTML/Liquid - Advanced customization using code
Homepage Structure Best Practices
Visual Hierarchy
- Top Section: Start with a compelling hero section (banner or slideshow) that communicates your brand's key message or current promotion
- Product Focus: Place featured collections or products directly after the hero section for immediate product discovery
- Supporting Content: Add brand story, testimonials, or other trust-building content in the middle
- Call to Action: Include clear CTAs throughout the page that guide visitors toward shopping or exploring
- Footer Engagement: End with newsletter signup or social proof before the footer
Mobile Optimization
- Test your homepage across different devices
- Ensure text is readable on small screens
- Consider how sections stack on mobile
- Prioritize key content for mobile users
- Use appropriate spacing between elements
Section-Specific Settings
Image Banner
| Setting Category | Key Options |
|---|---|
| Content | Heading, subheading, button text and link |
| Layout | Image position, content alignment, overlay options |
| Colors | Text color, button style, overlay opacity |
| Image | Desktop and mobile images, focal point |
Featured Collection
| Setting Category | Key Options |
|---|---|
| Content | Collection selection, section title |
| Layout | Number of products, columns, row limit |
| Product Display | Show vendor, price, add to cart |
| Advanced | Filterable options, show variants |
Newsletter
| Setting Category | Key Options |
|---|---|
| Content | Heading, subheading, button text |
| Layout | Inline or stacked layout, alignment |
| Design | Background options, padding, spacing |
Marquee
| Setting Category | Key Options |
|---|---|
| Content | Text blocks, font selection |
| Behavior | Scroll speed, direction, pause on hover |
| Design | Text size, underline, spacing |
Setup Instructions
Creating Your Homepage
- Navigate to your Shopify admin → Online Store → Themes
- Click Customize on your current theme
- Select "Home page" from the page dropdown
- Use the "Add section" button to begin building your page
Section Organization
- Add Sections: Click "Add section" and choose from available section types
- Configure: Adjust settings for each section in the sidebar
- Rearrange: Use the drag handles to reorder sections
- Preview: Toggle between desktop and mobile views to check responsiveness
Homepage Optimization Tips
Performance
- Image Optimization: Use appropriately sized and compressed images
- Section Count: Limit the number of sections to maintain fast loading times
- Video Usage: Use video sparingly and consider loading techniques
- Lazy Loading: Benefit from the theme's built-in lazy loading for images
Conversion Optimization
- Clear Value Proposition: Communicate your unique selling points clearly
- Product Hierarchy: Showcase bestsellers or seasonal items prominently
- Multiple CTAs: Include various entry points to your product catalog
- Social Proof: Incorporate reviews, testimonials, or trust badges
- Limited Promotions: Focus on 1-2 key promotions rather than overwhelming visitors
Seasonal Updates
- Update Hero Content: Refresh banner images and messaging for seasons or sales
- Featured Collections: Rotate featured collections based on seasonality
- Promotional Content: Update promotional banners for current offers
- Color Schemes: Consider seasonal color adjustments through section settings
Product Siblings Integration
When using product sections on your homepage, the Product Siblings feature will display color swatches on product cards if enabled in Theme Settings → Product siblings.
Section Combinations
Effective homepage combinations for different store types:
Fashion Store
Slideshow → Featured Collection → Image with Text → Instagram Feed → Newsletter
Home Goods
Video Banner → Collection List → Featured Product → Testimonials → Rich Text → Newsletter
Beauty Products
Image Banner → Featured Collection → Before/After Gallery → Testimonials → Marquee → Newsletter
Digital Products
Hero with Video → Featured Products → FAQ → Testimonials → Newsletter
Troubleshooting
- Section not appearing: Check visibility conditions and device-specific settings
- Images not displaying correctly: Verify image dimensions and focal point settings
- Slow loading: Optimize images and limit section count
- Mobile layout issues: Test on multiple devices and adjust section settings
- Product display problems: Check product availability and collection settings
This documentation covers the essential aspects of creating an effective homepage with the Label One theme, focusing on the flexible section-based approach that allows for complete customization of your store's main landing page.