Files
medusa-store/www/apps/user-guide/app/page.mdx
Shahed Nasser 4fe28f5a95 chore: reorganize docs apps (#7228)
* reorganize docs apps

* add README

* fix directory

* add condition for old docs
2024-05-03 17:36:38 +03:00

95 lines
4.0 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
import { BellAlert, Sidebar } from "@medusajs/icons"
export const metadata = {
title: `Medusa Admin User Guide`,
}
# {metadata.title}
This user guide is intended to help users learn how they can use the Medusa Admin to perform different operational and ecommerce tasks.
{/* TODO change image */}
![Medusa Admin Overview](https://res.cloudinary.com/dza7lstvk/image/upload/v1710228410/User%20Guide/Screenshot_2024-03-12_at_9.24.45_AM_wllqvq.png)
## Access the Medusa Admin
To access the admin panel of your ecommerce store, open the URL of your local or deployed website.
Youll be asked to log in.
![Log In Page](https://res.cloudinary.com/dza7lstvk/image/upload/v1710228558/User%20Guide/Screenshot_2024-03-12_at_9.29.08_AM_cqjgq3.png)
You must use your users email and password to log in. If youre unsure what your email and password are, please contact the technical personnel that deployed your Medusa application and admin.
<Note title="Technical Tip">
Refer to [this documentation](!resources!/medusa-cli#user) on how to create a user.
</Note>
## Tour of Medusa Admin
After you log into your Medusa Admin, you see a sidebar menu to the left, a search bar at the top, some icons at the top right, and in the middle the content of the page youre currently on.
### Sidebar Menu
The sidebar menu includes the main navigation of your Medusa Admin. You can use it to navigate between different pages, such as Products or Orders pages.
{/* TODO update image */}
![Sidebar Menu](https://res.cloudinary.com/dza7lstvk/image/upload/v1697793775/Medusa%20Docs/User%20Guide/Screenshot_2023-10-20_at_12.22.43_PM_shbr0e.png)
You can hide the sidebar by clicking the <InlineIcon Icon={Sidebar} alt="sidebar" /> icon at the top next to the sidebar. Clicking it again shows the sidebar.
### Search Bar
Youll find at the top of the page a search bar. Use this search bar to search orders, products, customers, and more information available in your Medusa Admin.
<Note title="Tip">
You can open the search window using the shortcuts:
Windows and Linux: <Kbd>CTRL</Kbd> + <Kbd>K</Kbd>
Mac OS: <Kbd>⌘</Kbd> + <Kbd>K</Kbd>
</Note>
{/* TODO check if image needs updating */}
![Search Window](https://res.cloudinary.com/dza7lstvk/image/upload/v1710228839/User%20Guide/Screenshot_2024-03-12_at_9.33.46_AM_ywdvpb.png)
You can select a result with your mouse, or use the up and down arrows on your keyboard to navigate between the results, then choose a result by hitting the <Kbd>Enter</Kbd> key.
### Check Notifications
At the top right youll find a <InlineIcon Icon={BellAlert} alt="Bell" /> icon. Clicking this icon opens a side window to view any notifications you might have. Use this to view notifications such as completed product exports.
{/* TODO change images */}
![Notifications Window](https://res.cloudinary.com/dza7lstvk/image/upload/v1710243446/User%20Guide/XS_from_Figma_mkn3i2.jpg)
### Change Language
The Medusa Admin supports multiple-languages, with English being the default one. Check out available languages [here](./tips/languages/page.mdx).
Learn how to change the language in [this guide](./settings/profile/page.mdx#change-admin-language).
### Quick Actions
At the top right in the sidebar, youll find an avatar icon with your email or name. By clicking this icon, youll see a dropdown. Use this dropdown to access settings or sign out.
{/* TODO check if image needs updating */}
![Quick Actions Dropdown](https://res.cloudinary.com/dza7lstvk/image/upload/v1710229778/User%20Guide/Screenshot_2024-03-12_at_9.49.26_AM_j3f1pu.png)
### Change Theme
The Medusa Admin supports both light and dark modes.
![Dark mode](https://res.cloudinary.com/dza7lstvk/image/upload/v1710323255/User%20Guide/Screenshot_2024-03-13_at_11.46.52_AM_atvw1e.png)
You can switch the theme by opening the quick actions dropdown, choosing theme, then choosing the prefered mode.
![Switch modes](https://res.cloudinary.com/dza7lstvk/image/upload/v1710323157/User%20Guide/Screenshot_2024-03-13_at_11.43.01_AM_giyhto.png)