telegram

توضیحات

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

 

توجه توجه
از همین روش که توضیح داده شد میتونید برای رفع مشکل موجودی(تعداد محصول در مشاهده سریع) استفاده کنید.id محصول را به کلاس Input که برای تعداد هست اضافه میکنید.

<input class="cart-plus-minus-box quantity-input-{{ $product->id }}" type="text" name="qtybutton" value="۱" data-max="{{ $product->variations()->where('quantity' , '>' , ۰)->first()->quantity }}" />

برای data-max هم مقدار پیش فرض (اولین variation) هم قرار دادیم.
و در جاوااسکریپت که در بالای کد برای تغییر تعداد موجودی اضافه کردیم را به اینصورت تغییر میدهیم

$('.quantity-input-'+ $(this).data('id')).attr('data-max' , variation.quantity);

$('.quantity-input-'+ $(this).data('id')).val(۱);
طراحی وب طراحی سایت پی اچ پی php شی گرایی php oop php mvc mvc پایگاه داده laravel لاراول فروشگاه_اینترنتی

برای دانلود ابتدا وارد سایت شوید

مدرس دوره علی شیخ
مدت دوره 42:39:50
تعداد ویدیو 212
وضعیت دوره : کامل شده
قیمت دوره : 699,000 629,000 تومان
برای دانلود ابتدا وارد سایت شوید
دسته بندی دوره ها
HTML CSS طراحی وب FlexBox Bootstrap فریمورک طراحی سایت جاوا اسکریپت اکما اسکریپت پی اچ پی php mysql javascript jquery oop mvc composer laravel emmet npm nodejs webpack vuejs livewire vuex API وب سرویس alpinejs tailwindcss react git github typescript next.js nest.js nuxt.js sass ساس

دوره های پشنهادی

دوره های آموزشی
آموزش oop (شی گرایی) در php (پی اچ پی)
کامل شده
% 15 تخفیف

آموزش oop (شی گرایی) در php (پی اچ پی)

برنامه نویسی شی گرایی (oop) که برگرفته از Object-Oriented Programming هست یک الگو یا روش برنامه نویسی می باشد که اساس ای...

299,000 254,000 تومان
03:22:37
آموزش تایپ اسکریپت (typescript)
کامل شده
% 5 تخفیف

آموزش تایپ اسکریپت (typescript)

تایپ اسکریپت یک زبان برنامه نویسی هست که در واقع همان جاوااسکریپت هست که بهش syntax تایپ و همچنین امکانات دیگری داده شده...

349,000 331,000 تومان
09:38:34
آموزش Javascript OOP پروژه محور
کامل شده
% 25 تخفیف

آموزش Javascript OOP پروژه محور

OOP برگرفته از Object-Oriented Programming به معنی برنامه‌نویسی شی‌گرا میباشد. که یک الگو یا روش برنامه نویسی می باشد....

99,000 74,000 تومان
01:53:50
آموزش Responsive Layout پروژه محور
کامل شده

آموزش Responsive Layout پروژه محور

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

رایگان
01:11:30
مشاهده تمام دوره های آموزشی

نظرات ارزشمند شما:

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

  • esmaeili

    با عرض سلام و خسته نباشید
    خواستم بگم همین مشکلو قسمت تعداد در مشاهده سریع هم داره و وقتی تغییرش میدی میری تو ی مشاهده سریع ی محصول دیگ حداکثر مجاز تعداد از دیتابیس خونده نمیشه و اونی رو قرار میده ک در مشاهده سریع قبلی انتخاب کردیم

    • علی شیخ

      3 سال پیش

      سلام وقت بخیر.
      از همین روش که توضیح داده شد میتونید استفاده کنید.id محصول را به کلاس Input که برای تعداد هست اضافه میکنید. 

      <input class="cart-plus-minus-box quantity-input-{{ $product->id }}" type="text" name="qtybutton" value="1" data-max="{{ $product->variations()->where('quantity' , '>' , 0)->first()->quantity }}" />

      برای data-max هم مقدار پیش فرض (اولین variation) هم قرار دادیم.
      و در جاوااسکریپت که در بالای کد برای تغییر تعداد موجودی اضافه کردیم را به اینصورت تغییر میدهیم 
      $('.quantity-input-'+ $(this).data('id')).attr('data-max' , variation.quantity);

                  $('.quantity-input-'+ $(this).data('id')).val(1);

    • میلاد

      3 سال پیش

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

                                      <div class="cart-plus-minus">

                                          @if($product->sale_check)

                                              <input class="cart-plus-minus-box quantity-input-{{ $product->id }}" type="text" name="qtybutton" value="1" data-max="{{ $product->sale_check->quantity }}"/>

                                          @else

                                          <input class="cart-plus-minus-box quantity-input-{{ $product->id }}" type="text" name="qtybutton" value="1" data-max="{{ $product->variations()->where('quantity' , '>' , 0)->first()->quantity }}"/>

                                          @endif

                                      </div>