Navigation Customization in Store OS

Copy

• Copy for LLM

  Copy page as Markdown for LLMs
• View as Markdown

  Open this page as Markdown
• Open in ChatGPT

  Get insights from ChatGPT
• Open in Claude

  Get insights from Claude

Overview

Navigation Customization in Store OS allows merchants to control and personalize the side menu of their Store OS panel. You can decide which items appear, change their order, and add helpful custom links (such as internal tools) to match your daily workflows. This configuration is done at the store level and applies to the selected sales channel. Only users with Admin access can modify navigation settings.

Navigation Layouts

Navigation can be configured separately for different device layouts:

Landscape (Desktop & Tablets)

• Side menu is scrollable
• No restriction on the number of active items

Portrait (Mobile)

• Maximum 5 active menu items allowed
• Extra items must be moved under More

Navigation Setup

Store OS uses a two-level menu system:

• Level 1 (Primary Menu): Main items visible in the sidebar
• Level 2 (More Menu): Sub-items grouped under the More option

All new stores come with a default navigation structure to help you get started quickly. These are built-in Store OS pages:

• Cart
• Products
• Customers
• Orders
• Collections
• Extensions
• Analytics
• Inventory
• Cash Management
• Support

Features

Navigation customization helps you to:

• Reorder Menu Items
  • Drag and drop menu items using the drag handle
  • Reordering works for both primary and sub-menu items

• Show or Hide Menu Items
  • Use the checkbox next to a menu item to activate or deactivate it
  • Deactivated items will not appear in the sidebar

• Rename Menu Items
  • System pages: Can be renamed, but their icons cannot be changed
  • Custom links: They can be renamed, and their icons can be updated
  • Connected Apps: They can be renamed, and their icons can be updated

Adding a New Menu Item

1. Click Add New Menu Item at the bottom of the list

2. A new menu item will be added

3. Click the link icon to configure where it should redirect

4. There are three types of menu items
   1. System Pages: These are built-in Store OS pages like:
      1. Products
      2. Orders
      3. Customers
      4. Analytics
      5. Collections
   2. Custom Links (URLs): Custom links let you add external or internal URLs to the navigation, such as training resources or internal dashboards.
   3. Connected Apps: Connected Apps are extensions integrated with Store OS that provide additional functionality. Once enabled from Configuration > Extension > Connected Apps, they can be added to the navigation menu.

5. For custom URLs, select Link Type as Custom URL and enter a valid https URL
6. Add an optional description (up to 50 characters)
7. You can control how the link opens:
   • Open inside Store OS: The link opens within the Store OS interface.
   • Open in browser (New Tab): The link opens in a separate browser tab.
     Select the option based on your business requirement.

8. Rename the newly added menu item

9. Click Save at the top-right of the page

10. Changes are applied instantly to your store navigation

11. In addition to system pages and custom URLs, you can also add Connected Apps directly to your navigation menu.

12. Ensure the checkbox next to the item is enabled. You can also rename the app if required.

13. Click Save. The connected app is now linked to the menu item.

14. Custom icons can only be updated for:
    • Custom links
    • Connected Apps added to navigation

Extension Binding in Store OS

Extension Binding lets company admin or store manager decide if an extension should appears inside Store OS. There are two types of extensions based on where they are available in the system.

1. Page-specific extensions: They are available only on specific pages or sections in Store OS. These extensions enhance a specific workflow. For examples, Customise Product appears on the Product Details page.
2. Connected Apps: They are available across Store OS and are not tied to a specific page. They provide standalone functionality and appear under the Extensions section.

Steps to Configure Extension Binding

1. The Extension settings have two tabs: Pages and Connected Apps.

2. In the Pages tab, extensions are grouped by specific pages such as Shipment Details and Product Details. Each page lists the apps that can be used in that context.

3. You can enable or disable an app using the toggle to make it available on that specific page. For example, we enable View Customisations extension.

4. Click Save to apply the changes. The enabled extension will then appear on the corresponding page .i.e. shipment details page in Store OS.

5. Similarly, in the Connected Apps tab, you can enable or disable extensions based on your business requirements. For example, we enable Order Validation STOS extension.

6. Click Save to apply the changes. The enabled extension will then appear in the Extensions menu.