سلام و احترام

ما فرانت پروژه رو داریم با bootstrap هندل میکنیم،(پیشنهاد میدم یه بار دیگه ویدیو رو با دقت نگاه کنید) نمیخوام زیاد درگیرش بشید ولی برای اینکه کلیات رو درک کنیم به این شکل کار میکنه که به اون button هایی که داریم که برای مثال تراکت، کارت ویزیت و ... بودند یه data-filter دارن این buttonها که ما میایم یک کلاسی css به اینا پاس میدیم (هرچی دلمون بخواد) مثلا من اومدم آیدی دسته بندی‌ها رو گذاشتم چون طبق دسته بندی‌ها ما محصولات رو فیلتر میکردیم

<button class="class haye bootstrap" data-filter=".category{{ $category->id }}">
button>

دقت کن که داخل data-filter ما آیدی دسته بندی هامون در قالب کلاس css میخوره مثلا .category1

حالا ما اومدیم توی اون div‌های که محصولات رو نشون میدادیم به همین شکل category{{ $category->id }} که پهش پاس دادیم که خود bootstrap میدونه چیکار کنه

اگه علاقه داشتید میتونید درباره modal‌ها توی bootstrap اینجا بخونید و مثال هاشو ببینید https://getbootstrap.com/docs/4.0/components/modal/