راهنمای صفحات
۱۷ صفحه، در چهار گروه. همهی صفحات هدر، مگامنو، درور موبایل و فوتر مشترک دارند؛ صفحات داخلی پالت گرم (sp-theme--fresh) را میگیرند.
سه صفحه اصلی
هر کدام یک معماری چیدمان متفاوت است، نه صرفاً یک تعویض رنگ.
| صفحه | پالت | چه چیزی را نشان میدهد |
|---|---|---|
| home-1-fresh.html | گرم (نارنجی/سبز) | هیرو کلاژی، برد دستهبندی با چیپ زیرشاخه، ریلهای افقی کالا، فوتر کامل |
| home-2-aqua.html | سرد (فیروزهای/کهربایی) | هیرو دوستونه با کارت زمان تحویل، شبکهی دستهبندی، چیدمان بنتو، بنر ارسال رایگان |
| home-3-graphite.html | تیره (لایم/نارنجی) | هیرو بنری تیره، فهرست شمارهدار قفسهها، شبکهی متراکم قیمتمحور |
پالت هر صفحه یک کلاس روی
<body>است:sp-theme--fresh،sp-theme--aqua،sp-theme--graphite. برای عوض کردن پوستهی کل فروشگاه، همان یک کلاس را در صفحات داخلی تغییر دهید.
فرآیند خرید
| صفحه | چه چیزی دارد | JS مخصوص |
|---|---|---|
| market.html | فیلتر دسته/برند/قیمت، پنج حالت مرتبسازی، نمای شبکه یا لیست، صفحهبندی | superium-market.js |
| product.html | گالری تصویر، جعبه خرید، سایر فروشندگان، مشخصات، نظرات | superium-product.js |
| cart.html | اقلام سبد، تغییر تعداد، خلاصهی چسبان فاکتور | superium.js |
| vendors.html | قیمت سبد شما در فروشگاههای اطراف، اقلام ناموجود و جایگزین | superium.js |
| store.html | ویترین یک سوپرمارکت با جستجوی داخلی و سبد کنار صفحه | superium.js |
پارامترهای آدرس در market.html
| پارامتر | کار | نمونه |
|---|---|---|
c | فیلتر دستهبندی | market.html?c=dairy |
q | جستجو در عنوان کالا | market.html?c=dairy&q=ماست |
sort | مرتبسازی | market.html?sort=discount |
مقادیر sort: relevance، discount، cheap، expensive، new.
تحویل و پرداخت
| صفحه | چه چیزی دارد | JS مخصوص |
|---|---|---|
| checkout.html | کلید ارسال با پیک / دریافت حضوری، زمان آمادهسازی، کد تخفیف، درگاه | superium-checkout.js |
| address-map.html | انتخابگر نقشه با پین ثابت در مرکز و نقشهی متحرک زیر آن | superium-map.js |
| address-add.html | فرم آدرس با عنوان خانه/محل کار و موبایل تحویلگیرنده | superium-map.js |
کلید «ارسال / حضوری» فقط یک تب نیست: کل ستون سمت راست، هزینهها و صورتحساب را عوض میکند.
حساب کاربری و پشتیبانی
| صفحه | چه چیزی دارد | JS مخصوص |
|---|---|---|
| login.html | ورود با موبایل و کد یکبارمصرف با شمارندهی معکوس | superium-auth.js |
| signup.html | ساخت حساب: مشخصات، موبایل، پذیرش قوانین | superium-auth.js |
| profile.html | اطلاعات حساب و آدرس پیشفرض | - |
| profile-orders.html | تاریخچه سفارش با وضعیت جاری، تحویلشده و لغوشده | - |
| profile-addresses.html | مدیریت آدرسهای ذخیرهشده | - |
| support.html | پرسشهای متداول آکاردئونی و فرم تماس | - |
سه صفحهی پروفایل یک سایدبار مشترک دارند.
صفحهی معرفی
demo.html بخشی از فروشگاه نیست؛ ویترین خود قالب است: گالری اسکرینشات تمامصفحه با لایتباکس، کامپوننتها در هر سه پالت، و فهرست ویژگیها. پیش از تحویل به کارفرما میتوانید حذفش کنید.
سبد نمونه با ?demo=1
صفحاتی که سبد لازم دارند، با سبد خالی حالت «خالی» را نشان میدهند. برای دیدن حالت پر:
cart.html?demo=1
vendors.html?demo=1
checkout.html?demo=1
store.html?demo=1
product.html?demo=1