قالب HTML فروشگاهی بلسر
49 فروش
از 3 رأی
100% رضایت
98% رضایت پشتیبانی
از 43 رأی
A+ پشتیبانی
  • گارانتی کیفیت راست چین
  • ضمانت بازگشت 6 ماهه وجه
  • 6 ماه پشتیبانی رایگان حرفه ای
  • آپدیت رایگان، دسترسی مادام العمر به فایل
517 هزار تومان
قیمت محصول:
517,000 تومان
  • توضیحات
  • پرسش و پاسخ 41
  • پشتیبانی

قالب HTML بلسر | قالب فروشگاهی HTML Blesser|بهترین قالب فروشگاهی HTML بلسر

معرفی قالب بلسر

قالب بلسر یک قالب HTML فروشگاهی پیشرفته است که با طراحی شیک و مدرن خود، نیازهای متنوع وبسایت‌های فروشگاهی را برآورده می‌کند. این قالب با استفاده از فریم‌ورک های Tailwind CSS و Uno CSS توسعه یافته است که تجربه‌ای بهینه و سریع را برای کاربران فراهم می‌سازد ( قالب بلسر دارای دو نسخه مختلف Tailwind CSS و Uno CSS است ) .

بلسر با دقت بالا بر اساس استانداردهای روز وب طراحی شده و از ویژگی‌های برجسته‌ای همچون کدنویسی تمیز و بهینه بهره‌مند است. این قالب به‌طور کامل واکنشگرا است و بر روی تمامی دستگاه‌ها از جمله موبایل، تبلت و دسکتاپ به‌خوبی نمایش داده می‌شود.

قالب بلسر شامل مجموعه‌ای متنوع از صفحات است که به شما امکان می‌دهد فروشگاه آنلاین خود را به‌صورت کامل و حرفه‌ای مدیریت کنید. صفحات فروشگاهی، پروفایل کاربری، صفحات احراز هویت (ورود، ثبت‌نام، تایید ایمیل، تغییر رمز عبور) و بسیاری صفحات دیگر از جمله امکانات این قالب هستند.

دمو قالب فروشگاهی بلسر

 

ویژگی‌های قالب HTML بلسر

بلسر یک قالب فروشگاهی html با طراحی حرفه‌ای و شیک خود، به وبسایت شما زیبایی و جذابیت ویژه‌ای می‌بخشد. از ویژگی‌های برجسته این قالب می‌توان به موارد زیر اشاره کرد:

  • طراحی زیبا و حرفه‌ای: قالب بلسر با طراحی مدرن و زیبا، به وبسایت شما جلوه‌ای ویژه می‌بخشد.
  • انیمیشن‌های زیبا: انیمیشن‌های جذاب در حاشیه کادر محصولات (قابل مشاهده در حالت دسکتاپ) باعث جلب توجه کاربران می‌شود.
  • حالت تاریک و روشن: امکان انتخاب بین حالت تاریک و روشن به کاربران کمک می‌کند تا تجربه‌ای دلخواه داشته باشند.
  • فونت ایران یکان: استفاده از فونت ایران یکان به طراحی قالب زیبایی و خوانایی بیشتری می‌بخشد.
  • کدنویسی استاندارد و تمیز: قالب بلسر با کدنویسی تمیز و اصولی، به راحتی قابل توسعه و نگهداری است.
  • بر پایه Tailwind CSS و Uno CSS : این فریم‌ورک های قدرتمند به طراحی سریع و کارآمد کمک می‌کند.
  • کاملاً ریسپانسیو: طراحی واکنشگرا و سازگاری با تمامی دستگاه‌ها از 320px به بالا، باعث می‌شود قالب در همه دستگاه‌ها به خوبی نمایش داده شود.
  • فیلترهای متنوع در صفحه جستجو: امکانات جستجوی پیشرفته با فیلترهای مختلف، تجربه کاربری را بهبود می‌بخشد.
  • حجم کم فایل CSS: فایل CSS با حجم کم باعث افزایش سرعت بارگذاری صفحات می‌شود.
  • مگامنوی حرفه‌ای: مگامنوی مشابه وبسایت دیجی‌کالا، دسترسی سریع و آسان به بخش‌های مختلف سایت را فراهم می‌کند.
  • استفاده از ابزارهای معروف: استفاده از ابزارهای محبوب مانند Swiper.js و noUiSlider به بهبود عملکرد و جذابیت سایت کمک می‌کند.

قالب بلسر با ویژگی‌های برجسته و طراحی کاربرپسند، انتخابی ایده‌آل برای وبسایت‌های فروشگاهی است و تجربه‌ای بی‌نظیر را برای کاربران فراهم می‌کند.

صفحات موجود در قالب فروشگاهی بلسر:

  • صفحه اصلی
  • صفحات پروفایل کاربری (پیشخوان، آدرس، سفارش، پیام، علاقه‌مندی‌ها و…)
  • صفحات پرداخت مرحله‌ای (سبد خرید، انتخاب شیوه ارسال، پرداخت نهایی)
  • صفحه جستجو
  • صفحه جزئیات محصول
  • صفحه المان ها (فرم , دکمه و …)
  • صفحه وبلاگ
  • صفحه جزئیات وبلاگ
  • صفحات احراز هویت (ورود، ثبت نام، ورود با کد تایید OTP، ورود با کلمه عبور)
  • صفحات بازیابی کلمه عبور مرحله‌ای (ثبت شماره و یا ایمیل، کد تایید، ثبت کلمه عبور جدید)
  • صفحه 404
  • صفحات دیگر: تماس با ما، سوالات متداول، درباره ما و …
مشاهده بیشتر

لیست تغییرات

نسخه 1.6.0 - 1403-07-24
  • بروزرسانی Swiperjs, Flowbite, UnoCSS, TailwindCSS به اخرین ورژن
  • آموزش نحوه شخصی سازی تم رنگی وبسایت در فایل راهنما
نسخه 1.5.3 - 1403-06-07
  • جلوگیری از نوشتن بیش از یک کاراکتر در فیلد های رمز یک بار مصرف (otp) فایل های تغییر داده شده فقط script های انتهای صفحه در فایل های login-otp.html و forgot-otp.html

آخرین پرسش و پاسخ

webskygroup
webskygroup

سلام و تشکر از این قالب زیبا .آیا نسخه انگلیسی و چپ چین این قالب هم دارید؟

Taymakz.ir
Taymakz.ir در پاسخ به webskygroup
  • طراح محصول

سلام وقت بخیر ممنون از نگاه زیباتون
نه متاسفانه

محمد صالحی
محمد صالحی

سلام، تو حالت موبایل برای صفحه دسته بندی چیزی طراحی نشده؟
چون تو حالت موبایل side menu نیست ولی پایین صفحه گزینه دسته بندی وجود داره اما دمویی نبود ازش.

Taymakz.ir
Taymakz.ir در پاسخ به محمد صالحی
  • طراح محصول

سلام وقت بخیر بعد از خرید قابل مشاهده هستش ظاهرا عکس تو دمو نیستش

amirweb1386
amirweb1386

سلام وقت بخیر ببخشید قسمت صفحه فیلتر محصولات قسمت قیمت چطوری ما اون قیمتی که انتخاب کرده بگیریم ؟ چون سمت js هست ولی من نمیخوام ایجکسی بزنم اون قسمت رو

Taymakz.ir
Taymakz.ir در پاسخ به amirweb1386
  • طراح محصول

سلام وقت بخیر, این لینکو چک کنید
https://ray.so/XI8LrW7

amirweb1386
amirweb1386

سلام وقت بخیر ببخشید تو قسمت نمایش محصول و اون قسمت رنگ هاش وقتی رنگمون مشکی هست دیگه اون تیک مشکی دیده نمیشه چطوری میشه رنگش رو سفید کنیم

Taymakz.ir
Taymakz.ir در پاسخ به amirweb1386
  • طراح محصول

دوست عزیز لطفا از طریق تیکت مشکلتونو به همراه عکس ثبت کنید

amirweb1386
amirweb1386

سلام ببخشید خیلی پیام میدم دو تا سوال داشتم

یکی اینکه برای قسمت ثبت ادرس ها برای استان و شهر ها من نیاز به سلکت بامس دارم به به صورت مثل نایس سلکت باشه میخوام ظاهرش قشنگ باشه و اینکه

برای استفاده از ایکون های دیگر چطوری باید فراخوانی کنم

Taymakz.ir
Taymakz.ir در پاسخ به amirweb1386
  • طراح محصول

برای ایکون ها اگه از Tailwind اسستفاده نمیکنید باید به صورت svg از این وبسایت کپی کنید
https://icones.js.org/
راجب select ام داخل پوشه component-forms.html وجود داره

amirweb1386
amirweb1386 در پاسخ به amirweb1386

این ایکون هایی که استفاده کردید داخل app وحود داره پس چرا

Taymakz.ir
Taymakz.ir در پاسخ به amirweb1386
  • طراح محصول

چون tailwind اونارو اضافه کرده اگه کار کردن باهاش بلد نباشین باید از svg استفاده کنید

amirweb1386
amirweb1386

ببخشید شما در این پروژه از بوت استرپ چند استفاده کردید و اینکه چرا jquery نداره ؟

Taymakz.ir
Taymakz.ir در پاسخ به amirweb1386
  • طراح محصول

از بوت استرپ استفاده نشده از Tailwind و Uno استفاده شده
راجب Jquery ام چیزای اضافی استفاده نکردم جاوا اسکریپت خام استفاده کردم فقط

amirweb1386
amirweb1386 در پاسخ به amirweb1386

الان پس چطوری از jvalidation استفاده کنم اون با بوت استرپ و jquery استفاده کرده ایا شما چیزی برای این سراغ دارید که جایگزین باشه

Taymakz.ir
Taymakz.ir در پاسخ به amirweb1386
  • طراح محصول

نمیدونم خودتون اضافه کنید Jquery رو

amirweb1386
amirweb1386

سلام من کلا میخوام هرچی ابی استفاده شده رو عوض کنم سخته نمیشه اینو راهنمایی کنید هم متن ها هم کادر های دور محصول و ... و اینکه تمام فایل های css رو من باز میکنم با php storm همش خطا داره چیکار کنم الان دو روزه سر قالب گیر کردم و من به مردم قول دادم سروقت تحویل بدم کاش حداقل یک راهنمایی کلی میزاشتید لطفا هرچه سریع در پاسخ بدید ممنون

Taymakz.ir
Taymakz.ir در پاسخ به amirweb1386
  • طراح محصول

سلام وقت بخیر لطفا مشکلتونو بخش تیکت بفرستین
واسه عوض کردن رنگا تو base.css متغیر ها تعریف شدن از HSL استفاده شده برای مقادیر
رنگی که میخواین بجای آبی انتخاب کنید رو تبدیل کنید به HSL بعد جلوی --primary و --primary-btn بنویسید و کاما ( , ) هاش رو پاک کنید
primary داخل Root حالت روشنه و داخل dark برای حالت تاریکه
به خطا های php storm ام دقت نکنید

ahmadfa
ahmadfa

با سلام و احترام
میشه لطفا راهنمایی کنید که چرا روی کادرهایی که + و - دارند کلیک می شود هیچ واکنشی اتفاق نمی افتد و عدد آن زیاد و کم نمی شود؟

Taymakz.ir
Taymakz.ir در پاسخ به ahmadfa
  • طراح محصول

سلام وقت بخیر
اینهارو گذاشتم که هر کسی طبق روش خودشون پیاده سازی کنه
ajax یا form طور
اگه میخواین با ajax اعداد رو کنترل کنید رو هرکدوم onclick بزارین و درخواست رو به سرور بفرستین و نتیجه ( مقدار جدید ) رو جایگزین مقدار فعلی کنید
برای راهنمایی بیشتر میتونید از طریق تیکت پیام بدید

مشاهده بیشتر
بستن