📱Pages and Templates
Plain Jane Starter includes essential page templates to build a complete e-commerce store. This guide explains what's available and how to set up each page type.
Available Page Templates
Based on the theme code analysis, Plain Jane Starter includes these template files:
🏠 Homepage (index.liquid)
index.liquid)Purpose: Main landing page for your store Features:
Clean product showcase
Announcement bar integration
Basic navigation menu
Footer with newsletter signup
Setup:
Configure via Shopify Customizer
Set up announcement bar message
Upload shop logo
Configure footer content
🛍️ Collection Page (collection.liquid)
collection.liquid)Purpose: Product listing and browsing Features:
Configurable grid layout (2-3 columns desktop, 1-2 mobile)
Product filtering and sorting
Endless scroll option
Responsive design
Setup:
Create collections in Shopify Admin
Configure shop layout in theme settings
Set column spacing and product sizing
Enable/disable endless scroll
📦 Product Page (product.liquid)
product.liquid)Purpose: Individual product display and purchase Features:
Product images and information
Variant selection
Add to cart functionality
Basic product navigation
Setup:
Add products with high-quality images
Configure product information
Set up variants (size, color, etc.)
Test add to cart functionality
📋 Collection List (list-collections.liquid)
list-collections.liquid)Purpose: Overview of all store collections Features:
Grid display of collections
Collection thumbnails
Basic collection information
Navigation to individual collections
Setup:
Create multiple collections
Add collection images
Write collection descriptions
Organize collection order
📄 About Page (page.liquid)
page.liquid)Purpose: Standard page template for content Features:
Basic content display
Text and image layout
Custom page sections
SEO optimization
Setup:
Create page in Shopify Admin
Add content and images
Configure page SEO settings
Link from navigation menu
📞 Contact Page (page.contact.liquid)
page.contact.liquid)Purpose: Customer communication and inquiries Features:
Contact form with validation
Contact information display
Location/address information
Email integration
Setup:
Create contact page in Shopify
Configure contact form settings
Add business information
Set up email notifications
🔒 Password Page (password.liquid)
password.liquid)Purpose: Store protection and email collection Features:
Password protection interface
Email signup form for pre-launch
Custom messaging and branding
Mobile responsive design
Setup:
Enable password protection in Shopify Settings
Configure password page design in theme settings
Set up email collection form
Customize messaging and colors
🖼️ Lookbook Pages
Purpose: Visual product presentation Features:
Image-focused layout
Product showcasing
Visual storytelling
Brand presentation
Setup:
Create lookbook pages in Shopify
Upload high-quality images
Configure lookbook sections
Link to related products
🔍 Search Results (search.liquid)
search.liquid)Purpose: Product and content search functionality Features:
Search result display
Product filtering
Relevant results ranking
No results messaging
Setup:
Automatically works with Shopify search
Configure search page styling in theme settings
Test search functionality with products
🚫 404 Error Page (404.liquid)
404.liquid)Purpose: Handle missing pages gracefully Features:
User-friendly error messaging
Navigation back to store
Search suggestions
Brand-consistent design
Setup:
Automatically handled by Shopify
Customize error messaging if needed
Ensure navigation links work properly
Page Template Limitations
What's NOT Included in Starter
Missing Advanced Page Types
❌ Customer Account Pages - No login, registration, or account management
❌ Blog Templates - No blog post or blog listing pages
❌ Advanced Product Pages - No variant-specific templates
❌ Gift Card Pages - Basic Shopify defaults only
Missing Advanced Features
❌ Page Sections - No advanced section system
❌ Dynamic Content - Limited content management
❌ Interactive Elements - No hotspots or advanced interactions
❌ Advanced SEO - Basic meta tags only
Page Setup Best Practices
1. Homepage Optimization
✅ Upload high-quality hero image
✅ Write compelling headline
✅ Configure announcement bar
✅ Set up navigation menu
✅ Add footer newsletter signup
✅ Test mobile responsiveness2. Collection Pages
✅ Create logical collection structure
✅ Add collection descriptions
✅ Upload collection images
✅ Configure grid layout
✅ Test filtering and sorting
✅ Optimize for mobile browsing3. Product Pages
✅ Add multiple product images
✅ Write detailed descriptions
✅ Set up product variants
✅ Configure inventory tracking
✅ Test add to cart flow
✅ Optimize for conversions4. Content Pages
✅ Write SEO-optimized content
✅ Add relevant images
✅ Include clear calls to action
✅ Link to related pages
✅ Test readability on mobile
✅ Check loading speedCommon Page Setup Issues
Homepage Not Loading Properly
Check theme publication - Ensure theme is set as live
Verify content - Add products and collections first
Test navigation - Ensure menu links work
Check mobile view - Test responsive design
Collection Pages Empty
Add products to collections - Collections need products to display
Check product status - Products must be active and available
Verify collection settings - Check availability and conditions
Product Pages Missing Information
Add product images - Multiple high-quality images required
Write descriptions - Complete product information needed
Set up variants - Configure sizes, colors, options
Check inventory - Ensure stock levels are set
Contact Form Not Working
Configure notifications - Set up email notifications in Shopify
Test form submission - Verify all fields work properly
Check email delivery - Ensure emails aren't going to spam
Mobile Optimization
All templates are responsive, but consider:
Mobile-Specific Considerations
Touch-friendly navigation - Large, easy-to-tap buttons
Readable text sizes - Appropriate font scaling
Optimized images - Fast loading on mobile networks
Simple layouts - Avoid complex multi-column designs
Testing Checklist
SEO Optimization
Basic SEO Setup
Page Titles - Unique, descriptive titles for each page
Meta Descriptions - Compelling descriptions for search results
Image Alt Text - Descriptive alt text for all images
URL Structure - Clean, descriptive URLs
Internal Linking - Link between related pages
SEO Best Practices
Unique content - Original, valuable content on each page
Keyword optimization - Natural keyword usage
Loading speed - Optimize images and minimize apps
Mobile-friendly - Responsive design is crucial
Regular updates - Keep content fresh and current
Page Management Workflow
Creating New Pages
Plan content structure - Outline page content and purpose
Create in Shopify Admin - Use appropriate page template
Add content - Write copy and upload images
Configure SEO - Set titles, descriptions, and URLs
Add to navigation - Include in menu structure
Test functionality - Verify everything works properly
Publish and promote - Make live and share
Updating Existing Pages
Backup content - Save current version before changes
Make updates - Edit content, images, or settings
Preview changes - Test before publishing
Update SEO - Refresh meta information if needed
Test all links - Ensure navigation still works
Monitor performance - Check analytics after changes
Getting Help
For Page Setup Issues
Getting Started Guide - Basic setup instructions
Theme Settings - Customization options
FAQ & Troubleshooting - Common solutions
For Missing Features
Limitations Overview - What's not included
Upgrade Information - When to upgrade
Support Contact
Technical Issues: [email protected]
Shopify Platform: Shopify Support
App Integration: Individual app developers
Next Steps: Start with your homepage setup, then work through each page type systematically to build your complete store.
Need Help?
💬 Join our community on Discord: https://discord.gg/hcc2GvgZc6
📧 Email us at: [email protected]
💻 Live chat with us: Available Monday–Friday, 10AM–6PM EST, directly on our website
Last updated