> For the complete documentation index, see [llms.txt](https://docs.shopperos.stackline.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.shopperos.stackline.com/getting-started/navigating-shopperos.md).

# Navigating ShopperOS

This page shows you where everything is in ShopperOS: the header, six sections, and Settings. Sign in at [shopperos.stackline.com](https://shopperos.stackline.com/). ShopperOS opens the last project you used, on its **Catalog** page.

<figure><img src="https://489913050-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FblcXcPwOUg5osGsERflQ%2Fuploads%2Fgit-blob-bf35f9cd59ac8780f6f9013012a8ff6dca77765c%2Ffulfillment-accounts.jpg?alt=media" alt="The ShopperOS header, top navigation, and a section&#x27;s left menu"><figcaption><p>The header is at the top. The top navigation is below it. The section menu is on the left.</p></figcaption></figure>

## Six areas make up the screen

Each area of the screen has one job.

| Area                 | Where                                | What it does                                                             |
| -------------------- | ------------------------------------ | ------------------------------------------------------------------------ |
| **Product switcher** | Top left, labeled **Shopper OS**     | Moves between Stackline products.                                        |
| **Search**           | Top center, **Search for anything…** | Finds products, pages, and fulfillment records. Press `/` to jump to it. |
| **Project selector** | Top right, shows your project name   | Switches between the projects you can open.                              |
| **Account menu**     | Your avatar, top right               | Opens **Settings** and **Sign out**.                                     |
| **Top navigation**   | Below the header                     | The main sections of your project.                                       |
| **Section menu**     | Left side of each section            | The pages inside the current section.                                    |

## The top navigation has six sections

Each section holds one area of your project. Each card opens the guide for that area.

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Catalog</strong></td><td>See and edit your products, their content, prices, checkout options, and Subscribe &#x26; Save offer.</td><td><a href="/catalog/catalog.md">Your catalog</a></td></tr><tr><td><strong>Concierge</strong></td><td>Train and monitor the AI shopping assistant.</td><td><a href="/concierge/concierge.md">AI concierge</a></td></tr><tr><td><strong>Pages</strong></td><td>Build, theme, and publish your storefront pages.</td><td><a href="/pages-studio/pages.md">Pages and themes</a></td></tr><tr><td><strong>Commerce</strong></td><td>See the orders and shoppers of your checkout and your sales channels, and manage subscriptions.</td><td><a href="/selling-and-checkout/orders.md">Orders</a></td></tr><tr><td><strong>Fulfillment</strong></td><td>Connect fulfillment accounts and sales channels, and set routing. Watch listings, inventory, orders, cancellations, and returns.</td><td><a href="/fulfillment/amazon-mcf.md">Amazon MCF</a></td></tr><tr><td><strong>Growth</strong></td><td>Rewards and campaigns.</td><td><a href="/growth/growth.md">Rewards and campaigns</a></td></tr></tbody></table>

## Catalyst helps you build pages

**Catalyst** is the AI assistant for Pages. To open it, click the assistant button at the bottom right of any page. You can also press `⌘K` (Mac) or `Ctrl+K` (Windows). See [Catalyst](/pages-studio/catalyst.md).

## Open Settings from your avatar

Settings opens from the account menu, not from the top navigation. The path is **avatar → Settings**.

{% stepper %}
{% step %}

### Click your avatar

In the top-right corner, click your **avatar**. The account menu opens.
{% endstep %}

{% step %}

### Click Settings

In the account menu, click **Settings**. The Settings menu opens on the left.
{% endstep %}
{% endstepper %}

The Settings menu has two groups:

* **Project**: settings for the project you are in. These include **Shopify**, **Hosting**, **Authentication**, **Checkout**, **Payments**, **Fulfillment**, and **Members**.
* **Organization**: **Connected accounts**, the seller and fulfillment accounts your company owns. You connect an account once. Then every project in your organization can use it.

Next, find the page you need in the [Settings reference](/reference/settings.md). It describes every Settings page.

## Switch to another project from the project name

The project selector lists every project you can open.

{% stepper %}
{% step %}

### Open the list

In the top-right corner, click the project name. The project list opens.
{% endstep %}

{% step %}

### Find the project

In **Search**, type to filter the list, or scroll.
{% endstep %}

{% step %}

### Click the project

Click a project. ShopperOS opens its **Catalog** page.
{% endstep %}
{% endstepper %}

Each project has its own address, in the form `shopperos.stackline.com/p/<project-id>/…`. Bookmark a page, or share its link with a teammate who has access to the same project.

## What if…?

<details>

<summary>What if the top navigation is missing?</summary>

A new project has no products yet. Until it does, ShopperOS hides the top navigation and shows **Configure your catalog to get started**. Settings still opens from the account menu. See [Connect your Shopify store](/selling-and-checkout/shopify-integration.md).

</details>

## Next step

{% content-ref url="/pages/Yjg5iwDd3c5OUH1NmmWQ" %}
[Create a project](/getting-started/create-a-project.md)
{% endcontent-ref %}