توضیحات
توضیحات کوتاه:
قالب فروشگاهی دیما مارکت ۲ یک قالب حرفهای، کاملاً ریسپانسیو و راستچین (RTL) است که با فریمورک Tailwind CSS طراحی شده و تجربهای شبیه به اپلیکیشن فروشگاهی موبایل را ارائه میدهد. این قالب با استفاده از Owl Carousel، Font Awesome و فونت وزیرمتن، آماده استفاده برای فروشگاههای اینترنتی، مارکتپلیسها و پروژههای eCommerce است.
ویژگیهای کلیدی:
طراحی و رابط کاربری
- ✅ طراحی مدرن و مینیمال با الهام از اپهای فروشگاهی برتر
- ✅ کاملاً ریسپانسیو (موبایل، تبلت، دسکتاپ)
- ✅ راستچین (RTL) و بهینهسازی شده برای زبان فارسی
- ✅ فونت فارسی وزیرمتن (Vazirmatn)
- ✅ تجربه کاربری شبیه اپلیکیشن موبایل (App-like UX)
- ✅ نوار ناوبری پایین موبایل (Bottom Navigation Bar)
- ✅ منوی همبرگری کشویی با انیمیشن نرم
🛠️ تکنولوژیهای استفاده شده
- Tailwind CSS – فریمورک CSS مدرن و utility-first
- Owl Carousel 2 – برای اسلایدرها و کاروسلها
- 🎨 Font Awesome 6 – بیش از 1000 آیکون
- 🔤 Vazirmatn Font – فونت استاندارد فارسی
- ⚡ jQuery – برای تعاملات داینامیک
📱 بخشهای قالب
- هدر حرفهای – با سرچ بار، آیکونهای سبد/علاقهمندی/کاربر
- اسلایدر اصلی – با Owl Carousel و autoplay
- دستهبندی محصولات – گرید 16 تایی با آیکون
- پیشنهادات ویژه – با تایمر شمارش معکوس زنده
- بنر Flash Deal – با طراحی گرادیانت جذاب
- لوگوی برندها – کاروسل اتوماتیک
- بنرهای تبلیغاتی – 4 بنر رنگی با افکت hover
- معاملات روز – با تایمر و انتخاب رنگ
- بنرهای دستهبندی – 3 بنر با overlay
- ویژگیهای فروشگاه – ضمانت، پشتیبانی، بازگشت، پرداخت امن
- محصولات هوشمند – گرید محصولات
- خبرنامه – فرم عضویت ایمیلی
- فوتر کامل – با لینکها، شبکههای اجتماعی و اطلاعات تماس
🎭 مودالهای تعاملی
- 🛒 سبد خرید – با امکان تغییر تعداد و حذف محصول
- 🔐 ورود به حساب – با لاگین اجتماعی (Google, Apple, Facebook)
- 📝 ثبتنام – فرم کامل با validation
- ❤️ علاقهمندیها – با دکمههای اقدام سریع
- ️ مقایسه محصولات – جدول مقایسه side-by-side
- Toast Notifications – برای فیدبک کاربر
⚡ قابلیتهای تعاملی
- شمارش معکوس زنده (Live Countdown Timer)
- انیمیشن حذف آیتمها با slide
- Switch بین مودال ورود/ثبتنام
- بستن مودال با کلید Escape و کلیک بیرون
- Toggle آیکون علاقهمندی با کلیک
- منوی کشویی موبایل با overlay
مشخصات فنی:
|
ویژگی
|
جزئیات
|
|---|---|
|
نوع فایل
|
HTML5, CSS3, JavaScript
|
|
فریمورک CSS
|
Tailwind CSS (CDN)
|
|
کتابخانه JS
|
jQuery 3.7.1, Owl Carousel 2.3.4
|
|
آیکونها
|
Font Awesome 6.5.1
|
|
فونت
|
Vazirmatn 33.003
|
|
جهت
|
RTL (راست به چپ)
|
|
ریسپانسیو
|
بله (Mobile First)
|
|
مرورگرهای پشتیبانی
|
Chrome, Firefox, Safari, Edge
|
|
حجم تقریبی
|
~85 KB (بدون تصاویر)
|
🎯 مناسب برای:
- 🛍️ فروشگاههای اینترنتی الکترونیک و دیجیتال
- مارکتپلیسهای چندفروشندگی
- 🏪 فروشگاههای موبایل و لوازم جانبی
- 💻 فروشگاههای لپتاپ و کامپیوتر
- فروشگاههای بازی و سرگرمی
- ⌚ فروشگاههای ساعت و اکسسوری
- 🏠 فروشگاههای لوازم خانگی هوشمند
مزایای استفاده از این قالب:
🚀 سرعت بالا
- استفاده از CDN برای لود سریع
- کد بهینه و بدون وابستگیهای سنگین
- لود تنبل تصاویر (قابل اضافه شدن)
🎨 سفارشیسازی آسان
- ساختار کد تمیز و کامنتگذاری شده
- استفاده از Tailwind CSS برای تغییر سریع استایل
- متغیرهای رنگی قابل تنظیم در tailwind.config
تجربه موبایل عالی
- طراحی Mobile-First
- Bottom Navigation مانند اپهای native
- Drawer Menu با انیمیشن نرم
- Safe Area support برای iPhone
🔧 آماده توسعه
- ساختار ماژولار برای تبدیل به React/Vue
- قابل اتصال به بکاند (Laravel, Django, Node.js)
- سازگار با CMSها (WordPress, Shopify)
نقد و بررسیها
هنوز بررسیای ثبت نشده است.