# 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).

### [Cart Drawer](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/theme-settings/cart-drawer.md)

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

### [Clock Settings](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/theme-settings/clock-settings.md)

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

### [Collection Layout](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/theme-settings/collection-layout.md)

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

### [Footer Settings](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/theme-settings/footer-settings.md)

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

### [Global Menu Settings](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/theme-settings/global-menu-settings.md)

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

### [Logo](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/theme-settings/logo.md)

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

### [Main Theme Color](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/theme-settings/main-theme-color.md)

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

### [Typography](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/theme-settings/typography.md)

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

### [SEO Settings](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/theme-settings/seo-settings.md)

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](/readme-1/theme-settings.md) or [Plain Jane Interactive](/plain-jane-interactive/theme-settings.md).

## 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 [Logo](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/theme-settings/logo.md)
2. Set your [Main Theme Color](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/theme-settings/main-theme-color.md)
3. Configure [Typography](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/theme-settings/typography.md) (fonts for headings and body text)

### Step 2: Layout and Functionality (10 minutes)

Configure how your store operates:

4. Set up [Collection Layout](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/theme-settings/collection-layout.md) (products per page, alignment)
5. Customize [Cart Drawer](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/theme-settings/cart-drawer.md) (colors, width, behavior)
6. Configure [Global Menu Settings](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/theme-settings/global-menu-settings.md) (alignment, colors)

### Step 3: Footer and SEO (10 minutes)

Complete your store setup:

7. Set up [Footer Settings](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/theme-settings/footer-settings.md) (colors, email signup, social links)
8. Configure [SEO Settings](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/theme-settings/seo-settings.md) (meta descriptions, favicon, social images)
9. Set [Clock Settings](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/theme-settings/clock-settings.md) (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:

* **Settings Issues**: Check individual setting guides
* **General Questions**: [FAQ & Troubleshooting](/plain-jane-starter/faq-and-troubleshooting.md)
* **Technical Support**: Contact <info@openspaces.design>

***

## Need Help?

💬 **Join our community on Discord:** <https://discord.gg/hcc2GvgZc6>

📧 **Email us at:** <support@openspaces.design>

💻 **Live chat with us:** Available Monday–Friday, 10AM–6PM EST, directly on our website

Ready to start? Begin with [**Logo Settings**](https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-starter/theme-settings/logo.md) to upload your brand logo.


---

# 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/theme-settings.md?ask=<question>
```

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.