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 ساس

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

دوره های آموزشی
آموزش Emmet
کامل شده

آموزش Emmet

Emmet یک ابزار برای توسعه‌دهندگان وب است که می‌تواند سرعت نوشتن کد‌های HTML و CSS را تا حد بسیار زیادی افزایش دهد. این ا...

رایگان
01:12:37
آموزش webpack (وب پک) و vite.js (ویت جی اس)
کامل شده
% 5 تخفیف

آموزش webpack (وب پک) و vite.js (ویت جی اس)

webpack یک static module bundler برای برنامه‌های جاوااسکریپتی است. یعنی کدهای شما را آنالیز و تمام ماژول‌ها و وابستگی‌ها...

149,000 141,000 تومان
06:54:04
آموزش vue.js 3 پروژه محور
کامل شده

آموزش vue.js 3 پروژه محور

فریم ورک Vue js یا ویو جی اس یکی از محبوب ترین فریم ورک های جاوااسکریپت است که با هدف توسعه رابط کاربری (UI) در سال 2014...

رایگان
11:05:31
آموزش PHP و MySQL پروژه محور
کامل شده

آموزش PHP و MySQL پروژه محور

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

رایگان
07:50:58
مشاهده تمام دوره های آموزشی

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

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

  • 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>