دیاگرام جریان صفحات

بازگشت به فهرست

نقشه کلی سایت

flowchart TB
  subgraph shop [فروشگاه]
    index[index.html]
    bazaar[bazaar.html]
    fresh[fresh.html]
    fashion[fashion.html]
    product[product.html]
  end

  subgraph checkout [خرید]
    cart[cart.html]
    shipping[shipping.html]
    payment[payment.html]
  end

  subgraph account [حساب کاربری]
    profile[profile*.html]
    login[login-singup.html]
  end

  subgraph content [محتوا]
    blog[blog.html]
    faq[faq.html]
    soon[coming-soon.html]
  end

  demo[demo.html]

  index --> product
  index --> bazaar
  index --> fresh
  index --> fashion
  index --> cart
  product --> cart
  cart --> shipping
  shipping --> payment
  index --> profile
  index --> login
  index --> blog
  index --> faq
  blog --> blog

جریان خرید

محصول (product.html)
    ↓ افزودن به سبد
سبد (cart.html)
    ↓ ادامه خرید
ارسال (shipping.html)
    ↓ تأیید
پرداخت (payment.html)

جریان احراز هویت (دمو)

هر صفحه → login-singup.html
    ↓ ورود موفق (mock)
sessionStorage.dsAuth = '1'
    ↓
نمایش منوی کاربر در هدر

تابع dsIsLoggedIn() در novira.js مقدار sessionStorage را می‌خواند.

مارکت‌های عمودی

صفحات empty state

برای هر بخش پروفایل دو نسخه وجود دارد:

• profile-orders.html — با داده
• profile-orders-empty.html — حالت خالی

این الگو برای نمایش UI بدون داده به کاربر جدید مفید است.