> For the complete documentation index, see [llms.txt](https://docs.shoppego.my/tutorials/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.shoppego.my/tutorials/ms/registration/basic-store-setup/navigasi-website.md).

# Navigasi website

## **Struktur Navigasi Storefront**

![Rujukan 1.0](https://3359028955-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh09fNwqqta5Vj6Wr8p%2Fuploads%2Fgit-blob-3727a600b78e9d01e21da8e8c981ce687a26655a%2F-MBcYgZP5H454hLBZ5RT.png?alt=media)

Di Storefront terdapat homepage yang boleh dinavigasi ke **4 lagi tempat** iaitu **Pages**, **Products**, **Categories** dan **Cart** dengan menggunakan **URL**.\
\
Perhatikan **URL** untuk setiap **element** di dalam gambar *Rujukan 1.0* terdapat \*\*url \*\****handle*** seperti berikut. <mark style="color:blue;">**Handle**</mark> adalah <mark style="color:blue;">**sebarang element selepas domain name.**</mark>

Contoh : <https://domainanda.com/><mark style="color:blue;">**{handle}**</mark>

**Jadi jika anda ingin linkan menu/button anda ke page - page yang tertentu link anda akan jadi seperti ini :**

* <mark style="color:red;">**/products/**</mark>kurta-macho-plus-size (**Nama produk anda**)
* <mark style="color:red;">**/pages/**</mark>about-us (**Nama page anda**)
* <mark style="color:red;">**/categories/**</mark>pakaian-lelaki (**Nama kategori anda**)
* <mark style="color:red;">**/cart/**</mark>1234:1 (**ID variant anda**)