ورود | ثبت‌نام
سورس پروژه قالب HTML فروشگاهی سایت دیجی کالا (digikala) رایگان

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

با خرید قالب HTML دیجی کالا، یک قالب HTML شخصی به ارزش 250 هزار تومان هدیه دریافت نمایید

  • آیا تازه شروع به یادگیری طراحی سایت کردی و دنبال نمونه کدهای کاربردی و مناسب بازار کار می گردی؟
  • یا دانشجو هستی و باید پروژه ای رو آخر ترم تحویل استادت بدی.
  • یا بک اند کار هستی و نمی خوای هزینه چند ده میلیونی بابت طراحی قالب استاتیک سایت کنی.
  • یا طراح قالب وردپرس هستی و دنبال یه قالب HTML فروشگاهی حرفه ای مطابق سلیقه ایرانی می گردی.
  • یا می خوای داخل یک شرکت معتبر طراحی سایت استخدام بشی و به اون شغل به شدت نیاز داری و باید رزومه کار حرفه ای برای استخدام بفرستی.
  • یا مدرس طراحی سایت هستی و دنبال نمونه کد کاربردی برای تدریس می گردی.
  • اصلا نگران نباش، چرا که تیم توسعه میهن جاوا اسکریپت یک قالب HTML فروشگاهی حرفه ای تحت عنوان قالب HTML مشابه سایت دیجی کالا منتشر کرده که نیاز شما رو مرتفع میکنه که برای اطلاعات بیشتر روی دکمه مشاهده پیشنمایش قالب HTML دیجی کالا کلیک نمایید.
مشاهده پیشنمایش قالب HTML دیجی کالا

ساخت کاروسل پیگیری سفارش سایت دیجی کالا

چند وقت پیش دنبال یه محصولی بودم که توی سایت دیجی کالا پیداش کردم، خب شروع کردم مراحل خرید رو طی کردن و ثبت سفارشم نهایی شد، حالا باید منتظر می بودم تا محصول به دستم برسه.

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

و اما با مورد جالبی که در سایت دیجی کالا مواجه شدم، این بود که در بخش پنل کاربری گزینه ای وجود داشت با عنوان پیگیری سفارش که زمانی که وارد این قسمت شدم، بهم نشون میداد که محصولم در چه مرحله ای هستش مثلا مراحل زیر در یک اسلایدر کروسل ای وجود داشت که با بودن در هر مرحله استایلش با بقیه مراحل باقی مانده فرق داشت:

  1. تایید سفارش
  2. آماده سازی سفارش
  3. خروج از مرکز پردازش
  4. تحویل به پست
  5. مرکز مبادلات پست
  6. تحویل به مشتری

در کل برام ایده جالبی بود که بیام در بخش پنل کاربری سایت های فروشگاهی ای که طراحی می کنم قرارشون بدم، و اما تصمیم گرفتم با شما دوستان عزیزم هم نحوه ساخت کاروسل پیگیری سفارش سایت دیجی کالا رو هم به صورت رایگان به اشتراک بگذارم، که این پروژه رو با استفاده از مباحث Html،Css،BootStrap،Jquery،Owl-Carousel پیاده سازی کردم .

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

علیرضا روشنایی
علیرضا روشنایی

میلیون‌ها کیلومتر اسکرول کردم تا به هدفم نزدیک بشم و این داستان همچنان ادامه داره...

مجموعه آموزش های رایگان و پروژه محور HTML | CSS

به میهن جاوا اسکریپت خوش اومدی ، اینجا میتونی مینی پروژه های کاربردی HTML و CSS که مد نظر داری رو پیدا کنی،آموزش های میهن جاوااسکریپت کاملا از صفر تا صد طراحی شده و تمامی آموزش ها به زبان فارسی و مناسب جهت ورود به بازار کار تولید شده.آموزشی که مشاهده کردید بخشی از مجموعه آموزش های رایگان و پروژه محور HTML و CSS هستش که توصیه میشه برای یادگیری بیشتر مباحث اچ تی ام ال و سی اس اس به ترتیب، آموزش های رایگان و پروژه محور زیر رو مشاهده نمایید:

نظر/پرسش/پیشنهاد شما

برای ارسال نظر لطفا ابتدا وارد شوید.

لینک مقاله کپی شد
img دریافت قالب
۱۴۰۳/۰۹/۰۱