دمو ۰۱
فروشگاه عمومی
ویترینی کامل با هیرو تبلیغاتی، دسته‌بندی‌های محبوب، پیشنهاد شگفت‌انگیز و مجله؛ مناسب شروع اکثر فروشگاه‌ها.
مشاهده دمو ←
نسخه ۲۰۲۶ منتشر شد
قالب فروشگاهی مرکادو
۵ دموی آماده، بیش از ۵۰ صفحه داخلی، سبد خرید و پنل کاربری — همه با HTML و CSS و جاوااسکریپت خالص؛ دقیقاً همان چیزی که برای شروع یک فروشگاه فارسی حرفه‌ای لازم داری.
- ریسپانسیو کامل
- راست‌چین و فارسی
- بدون وابستگی
- حالت شب و روز
۰دموی اختصاصیسبک‌های متفاوت صفحه اصلی
۰+صفحه آمادهاز فروشگاه تا پنل کاربری
۰٪ریسپانسیو و RTLاز ۳۲۰ تا ۱۹۲۰ پیکسل
۰وابستگی خارجیبدون jQuery و ابزار بیلد
دموهای صفحه اصلی
۵ دموی اختصاصی برای شروع
هر دمو یک جهت طراحی مستقل دارد؛ متن، رنگ و چیدمان متفاوت — همه در یک قالب.
دمو ۰۱
دمو ۰۲
کالای دیجیتال
فضای تکنیکال با تایپوگرافی بزرگ، نوار دسته‌بندی سریع و انتخاب‌های سردبیر برای گجت و تکنولوژی.
مشاهده دمو ←
دمو ۰۳
مد و پوشاک
هیرو تمام‌تصویر و کارت‌های عمودی نسبت ۳ به ۴ برای یک ویترین مینیمال و ادیتوریال.
مشاهده دمو ←
دمو ۰۴
خانه و زندگی
پالت گرم و آرام با کارت‌های عریض دوتکه؛ انتخابی مناسب لوازم خانه، دکوراسیون و آشپزخانه.
مشاهده دمو ←
دمو ۰۵
مارکت‌پلیس
هیرو تیره با نوار شاخص‌ها و شبکه ۶ ستونه دسته‌ها؛ برای چندفروشندگی و تنوع بالای کالا.
مشاهده دمو ←
امکانات
امکانات کامل برای یک فروشگاه واقعی
نه یک دموی خام؛ همه چیزهایی که خرید آنلاین واقعی به آن نیاز دارد از قبل ساخته و آماده است.
سبد خرید و مینی‌کارت
سبد خرید با ذخیره‌سازی خودکار در LocalStorage، شمارنده زنده روی آیکون و پنل کشویی برای مرور سریع اقلام.
پرداخت چندمرحله‌ای
سه گام شفاف آدرس، ارسال و پرداخت با خلاصه سفارش و صفحه تایید نهایی؛ تجربه‌ای آشنا برای کاربر ایرانی.
جستجوی زنده
همان لحظه که در هدر تایپ می‌کنی، پیشنهاد محصولات نمایش داده می‌شود و با اینتر مستقیم به نتایج می‌روی.
علاقه‌مندی و مقایسه
محصولات را برای بعد ذخیره کن و مشخصات را کنار هم بسنج؛ هر دو صفحه با حالت خالی حرفه‌ای آماده‌اند.
پنل کاربری کامل
داشبورد، سفارش‌ها، آدرس‌ها، نظرات و لیست علاقه‌مندی؛ کامل با حالت‌های خالی مثل «بدون سفارش».
حالت روشن و تاریک
با یک کلیک کل فروشگاه تاریک می‌شود و انتخاب کاربر در LocalStorage ذخیره می‌ماند تا دفعه بعد.
ریسپانسیو واقعی
از گوشی ۳۲۰ پیکسلی تا مانیتورهای بزرگ؛ منوی همبرگری، نوار پایین موبایل و کشوی فیلتر کاملاً کاربردی.
سئوی پایه
تگ‌های عنوان و توضیحات، ساختار سمانتیک HTML، سرفصل‌های منظم و متن جایگزین برای تصاویر.
مجله و صفحات محتوا
وبلاگ، صفحه مقاله، سوالات متداول، قوانین، تماس و درباره ما؛ هر چیزی برای اعتمادسازی مشتری.
تکنولوژی
ساخته‌شده با استانداردهای روز وب
بدون jQuery، بدون ابزار بیلد و بدون وابستگی؛ فقط وب استاندارد که سال‌ها کار می‌کند.
- HTML5
- CSS3
- JavaScript خالص
- CSS Grid و Flexbox
- LocalStorage
- فونت وزیرمتن
- Intl API فارسی
چرا مرکادو؟
مزیت‌هایی که در کار واقعی حس می‌شوند- راه‌اندازی در چند دقیقه؛ کافی است فایل‌ها را روی هر هاستی بگذاری — بدون نصب و بدون پیکربندی.
- کد تمیز و کامنت‌گذاری‌شده؛ ساختار CSS ماژولار و توکن‌محور است و شخصی‌سازی آن ساده.
- دسترس‌پذیری استاندارد؛ حالت فوکوس واضح، ناوبری با کیبورد و HTML سمانتیک در همه صفحات.
- احترام به تنظیمات کاربر؛ انیمیشن‌ها با فعال بودن گزینه کاهش حرکت به‌طور خودکار غیرفعال می‌شوند.
زیرساخت فنی
چه چیزی زیر پوست قالب است- ۴ فایل CSS ماژولار — توکن‌های طراحی، کامپوننت‌ها، قواعد ریسپانسیو و لایه پریمیوم، جدا و قابل نگهداری.
- ۶ ماژول جاوااسکریپت مستقل — فروشگاه، سبد خرید، محصول، پرداخت، حساب کاربری و احراز هویت.
- رندر داینامیک محصولات — گرید محصولات از یک منبع داده واحد ساخته می‌شود؛ افزودن کالا فقط یک آبجکت است.
- اعداد و قیمت فارسی — قالب‌بندی ارقام با Intl و تقویم و اعداد کاملاً بومی.
سوالات متداول
سوالی که ممکن است داشته باشی
نه. مرکادو یک قالب فرانت‌اند کاملاً استاتیک است؛ کافی است فایل‌ها را روی هر هاست معمولی یا حتی لوکال قرار دهی. سبد خرید و علاقه‌مندی‌ها در مرورگر کاربر (LocalStorage) ذخیره می‌شوند و بدون هیچ نصبی کار می‌کنند.
تمام مراحل خرید — افزودن به سبد، تغییر تعداد، کد تخفیف و سه گام تسویه حساب — به‌صورت فرانت‌اند و دمو کامل کار می‌کنند. اتصال به درگاه پرداخت و مدیریت واقعی موجودی نیازمند بک‌اند است؛ نقاط اتصال در کد با کامنت مشخص شده‌اند تا توسعه بعدی ساده باشد.
همه رنگ‌ها به‌شکل CSS Variable در ابتدای فایل‌های style.css و premium.css تعریف شده‌اند؛ با تغییر چند متغیر، هویت بصری کل فروشگاه یک‌جا عوض می‌شود. فونت پیش‌فرض وزیرمتن است و با یک خط تغییر فونت، جایگزین می‌شود.
بله؛ تمام صفحات برای نمایشگرهای ۳۲۰، ۳۷۵، ۳۹۰، ۷۶۸، ۱۰۲۴ و ۱۴۴۰ پیکسل بهینه شده‌اند. منوی همبرگری، نوار پایین موبایل، کشوی فیلتر محصولات و مینی‌کارت همگی کاملاً کاربردی‌اند — نه فقط نمایشی.
بله. با دکمه تغییر حالت در هدر، کل فروشگاه تاریک می‌شود و انتخاب کاربر در LocalStorage ذخیره می‌ماند تا در بازدید بعدی بدون فلش، همان حالت بارگذاری شود.