# Essential Configuration After completing basic setup, this guide covers the remaining essential configurations to finalize your Plain Jane Starter store. ## Password Page Configuration If you need to password-protect your store (coming soon mode, private sales, etc.), configure the password page settings. ### When to Use Password Protection * **Pre-launch**: Collect emails before opening * **Private Sales**: Exclusive access for VIP customers * **Maintenance**: Temporarily close while updating * **Seasonal Closure**: During business breaks ### Configure Password Page 1. **Access Password Page Settings** * In theme settings, find **"Password Page Settings"** 2. **Store Login Settings** * **Store Owner Label Color**: Text color for the password field label * **Password Input BG Color**: Background of password input field * **Password Text Color**: Text color inside password field * **Submit Button BG**: Background color for submit button * **Submit Button Text**: Text color for submit button 3. **Email Form Signup Settings** * **Form Header**: Main heading (e.g., "Store is closed rn man...") * **Form Content**: Description text explaining the closure * **Email Field Label**: Label for email input * **Email Input Placeholder**: Placeholder text in email field * **Submit Button Text**: Text on email signup button * **Success Message**: Message after successful signup 4. **Email Form Colors** * **Header Color**: Color of main heading * **BG Color**: Background color of email form * **Content Text Color**: Color of description text * **Email Label Color**: Color of email field label * **Placeholder Text Color**: Color of placeholder text * **Email Field Input Color**: Background of email input * **Success Message Color**: Color of success message * **Submit Button Color**: Background of submit button * **Submit Button Text Color**: Text color on submit button 5. **Email Form Opacity** * **Email Form Opacity**: Transparency of the form (0-1) ### Password Page Best Practices * Use clear, friendly messaging * Explain when you'll reopen * Make email signup prominent * Test the email collection works * Use brand-consistent colors ## Footer Configuration The footer is crucial for navigation, trust, and SEO. ### Footer Settings Overview 1. **Access Footer Settings** * Find **"Footer Settings"** in theme settings 2. **Footer Content Setup** * **Footer Logo**: Upload a footer version of your logo * **Footer Header**: Main navigation heading (e.g., "Plain Jane Links") * **Footer Email Header**: Newsletter section heading * **Footer Submit Button Text**: Email signup button text * **Footer Copyright Text**: Copyright notice 3. **Footer Colors** * **Background**: Footer background color * **Header Text**: Color of section headings * **Footer Links**: Color of navigation links * **Footer Hover Background**: Background color when hovering links * **Footer Hover Text**: Text color when hovering links * **Email Header Color**: Newsletter heading color * **Email Input Box Color**: Background of email field * **Email Input Text Color**: Text color in email field * **Email Placeholder Text**: Placeholder text color * **Submit Button**: Email signup button background * **Submit Text**: Email signup button text color * **Copyright Text**: Copyright text color 4. **Footer Sizing** * **Footer Logo Size**: Logo size in pixels (60-140px) * **Footer Link Size (Desktop/Tablet)**: Link font size (6-21px) * **Footer Link Size (Mobile)**: Mobile link font size (6-15px) * **Footer Header Size (Desktop/Tablet)**: Heading font size (6-21px) * **Copyright Font Size**: Copyright text size (9-13px) 5. **Visibility Controls** * **Show Footer**: Toggle footer on/off * **Hide Footer On Collection**: Option to hide on collection pages * **Show Footer Copyright**: Toggle copyright section * **Show Email Footer Signup**: Toggle newsletter signup * **Show Footer Logo**: Toggle footer logo ### Footer Best Practices * Include essential links (About, Contact, Privacy Policy) * Add newsletter signup for marketing * Use readable font sizes * Ensure good color contrast * Test mobile responsiveness * Keep copyright updated ## Scrollbar Customization Plain Jane Starter includes unique scrollbar styling options. ### Configure Scrollbar 1. **Access Scrollbar Settings** * Find **"Scrollbar Settings"** in theme settings 2. **Scrollbar Styling** * **Scrollbar Color**: Color of the scrollbar thumb * **Scrollbar Background Color**: Color of the scrollbar track * **Scrollbar Radius**: Rounded corners (0-5px) * **Scrollbar Distance**: Distance from edge (10-50px, shop page only) 3. **Scrollbar Tips** * Choose colors that match your brand * Ensure visibility against backgrounds * Test on different screen sizes * Distance setting only affects shop/collection pages ## Search Page Styling Configure the appearance of search results. ### Search Page Settings 1. **Access Search Page Settings** * Find **"Search Page"** in theme settings 2. **Search Styling** * **Search Item Card Color**: Background of search result cards * **Search Item Header Color**: Color of result titles * **Search Item Description Color**: Color of result descriptions * **Search Button Color**: Search button background * **Search Button Text Color**: Search button text color ### Search Best Practices * Use high contrast for readability * Match your overall color scheme * Test with various search terms * Ensure mobile compatibility ## Final Configuration Checklist Before launching, verify all configurations: ### Essential Settings ✅ * [ ] Password page configured (if needed) * [ ] Footer content and links added * [ ] Footer colors match brand * [ ] Email signup forms tested * [ ] Scrollbar styling applied * [ ] Search page styled appropriately ### Testing ✅ * [ ] Preview all pages * [ ] Test on mobile device * [ ] Verify email signups work * [ ] Check all links function * [ ] Test search functionality * [ ] Confirm password protection works (if enabled) ### Content ✅ * [ ] All placeholder text replaced * [ ] Brand colors consistently applied * [ ] Contact information accurate * [ ] Copyright year current * [ ] Legal pages linked (Privacy Policy, Terms) ## Launch Preparation Once essential configuration is complete: 1. **Final Review** * Go through every page as a customer would * Test the complete shopping experience * Verify mobile responsiveness 2. **Content Addition** * Add your products * Create collections * Write compelling page content * Upload high-quality images 3. **Go Live** * Publish your theme * Test the live site * Monitor for any issues ## Need More Features? If you find you need features not available in Starter: * [**View Limitations**](/plain-jane-starter/limitations.md) - See what's not included * [**Upgrade Path**](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/limitations/upgrade-path.md) - Learn about upgrading to full versions ## Next Steps Your theme is now fully configured! Next, explore: * [**Theme Settings**](/plain-jane-starter/theme-settings.md) - Detailed settings reference * [**Pages & Templates**](/plain-jane-starter/pages-and-templates.md) - Set up your pages * [**FAQ & Troubleshooting**](/plain-jane-starter/faq-and-troubleshooting.md) - Common issues and solutions *** ## Need Help? 💬 **Join our community on Discord:** 📧 **Email us at:** 💻 **Live chat with us:** Available Monday–Friday, 10AM–6PM EST, directly on our website 🎉 **Congratulations!** Your Plain Jane Starter store is configured and ready for content. --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.openspaces.design/plain-jane-starter/getting-started/essential-configuration.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.