طراحی المان فیلتر کردن محصولات داخل جدول به صورت دینامیک

من قصد دارم یک سایت فروش آنلاین مقاطع آهنی (میلگرد، تیرآهن، پروفیل، ورق و ...) به نام آیرونیز راه اندازی کنم. آدرس صفحه سایت : https://ironiz.com  سایت من وردپرسی است و با المنتور و قالب hello elementor (بدون استفاده از قالب آماده) بخشی از آن بالا آمده است. البته جاهایی از سایت که نیاز بوده است مانند ماشین حساب محاسبه گر وزن و ... از کد نویسی html، CSS، php و JavaScript استفاده شده است. " کار اصلی این پروژه، فیلتر محصولات، درون جداول لیست قیمت است. "  المان فیلتر در سایدبار سایت با استفاده از html,css,javascript ایجاد شده است. کار اصلی این پروژه نوشتن کدهای جاوا اسکریپت و آژاکس برای ارتباط المان فیلتر با جداول است که باید به صورت داینامیک و بدون لود شدن مجدد صفحه باشد. جدول های دینامیکی به کمک افزونه جت انجین ایجاد شده است و برای هر جدول و محصول query ایجاد شده است. نمونه دقیق کارکرد این المان مانند المان فیلتر کردن سایت آهن آنلاین است. توضیحات تکمیلی در فایل پیوست آمده است. حتما مطالعه کنید.