🎨Theme Settings

Plain Jane Starter includes essential theme customization options to establish your brand identity while keeping things simple and manageable.

Available Settings Categories

The following theme settings are available in Plain Jane Starter. To access them, go to Online Store > Themes > Customize > Theme settings (gear icon).

Configure the slide-out shopping cart panel. Customize background colors, text colors, button styling, drawer width, currency display, and optional background images.

Configure timezone display for consistent time references across your store. Choose from a comprehensive list of global timezones.

Control how products display on collection pages. Set products per page, text alignment, and vendor display options.

Complete footer customization for navigation and branding. Configure colors, email signup forms, social media icons, and payment method icons.

Control the appearance and behavior of your main navigation menu. Adjust alignment, colors, and search icon visibility.

Upload your brand logo and configure its display. Set logo size and positioning within the header.

Set the primary color used throughout your theme for buttons, links, and other accent elements.

Choose from over 100 Google Fonts for your store's typography. Set separate fonts for headings and body text, and adjust sizes and weights.

Essential search engine optimization tools. Configure meta descriptions, social sharing images, and favicon uploads.

What's NOT Included in Starter

Plain Jane Starter intentionally excludes complex settings to maintain simplicity. The following settings are not available:

  • ❌ Animation Controls - Complex motion settings

  • ❌ Cursor Customization - Custom cursor effects

  • ❌ Music Player - Audio integration

  • ❌ Announcement Bar - Scrolling promotional messaging

  • ❌ Skip Home Screen - Advanced navigation controls

  • ❌ Multi-language - Locale management

For more sophisticated customization options, consider upgrading to Plain Jane or Plain Jane Interactive.

Settings Access

To access theme settings:

  1. Shopify Admin β†’ Online Store β†’ Themes

  2. Click "Customize" on Plain Jane Starter

  3. Click the gear icon in the left sidebar to open Theme settings

Configuration Workflow

Step 1: Foundation (15 minutes)

Start with the essential visual elements that define your brand:

  1. Upload your Logoarrow-up-right

  2. Configure Typographyarrow-up-right (fonts for headings and body text)

Step 2: Layout and Functionality (10 minutes)

Configure how your store operates:

  1. Set up Collection Layoutarrow-up-right (products per page, alignment)

  2. Customize Cart Drawerarrow-up-right (colors, width, behavior)

  3. Configure Global Menu Settingsarrow-up-right (alignment, colors)

Complete your store setup:

  1. Set up Footer Settingsarrow-up-right (colors, email signup, social links)

  2. Configure SEO Settingsarrow-up-right (meta descriptions, favicon, social images)

  3. Set Clock Settingsarrow-up-right (timezone for your business)

Total configuration time: 30-45 minutes

Best Practices

Before You Start

Prepare your brand assets before beginning configuration. Have your logo files ready (PNG with transparency recommended). Know your brand color palette (hex codes). Choose your preferred fonts (or have examples ready). Prepare your favicon (32x32 pixels).

Configuration Tips

Start with Typography, as this affects the overall feel of your store. Test your color choices for sufficient contrast and readability. Use Preview mode to test changes before publishing. Keep your design simple and consistent. Always test on mobile devices.

Common Mistakes to Avoid

Using too many different fonts (stick to 1-2 font families). Poor color contrast between text and backgrounds. Ignoring mobile optimization. Overcomplicating the design. Not testing the cart drawer functionality. Forgetting to set up SEO settings before launch.

Quick Reference

Setting
Purpose
Time to Configure
Priority

Logo

Brand identity

2 min

High

Main Theme Color

Accent color

1 min

High

Typography

Brand fonts

5 min

High

Collection Layout

Product display

3 min

High

Cart Drawer

Shopping experience

5 min

High

Global Menu

Navigation

3 min

Medium

Footer

Trust and links

5 min

Medium

SEO

Search visibility

5 min

Medium

Clock

Timezone

1 min

Low

Getting Help

Each setting has detailed documentation with step-by-step instructions, best practice recommendations, and common troubleshooting tips.

For additional support:


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

Ready to start? Begin with Logo Settingsarrow-up-right to upload your brand logo.

Last updated