آموزش فیلتر محصولات در ووکامرس با JetSmartFilters (ویدیوی آموزشی)

ایجاد فیلتر محصولات در ووکامرس با افزونه JetSmartFilters و JetEngine

در این آموزش، قصد داریم فیلترهای هوشمند برای صفحه آرشیو محصولات بسازیم. این کار را با استفاده از افزونه‌های JetEngine برای ساخت قالب لیستینگ و JetSmartFilters برای اضافه کردن فیلترهای هوشمند انجام خواهیم داد.

1. نصب و فعال‌سازی افزونه‌ ها برای فیلتر محصولات در ووکامرس

اولین مرحله این است که افزونه‌های مورد نیاز را نصب و فعال کنیم:

• JetEngine: برای ایجاد قالب لیستینگ و نمایش محصولات.
• JetSmartFilters: برای ایجاد فیلترهای هوشمند.

برای این کار، بعد از اینکه افزونه ها را از سایت میهن تم دانلود کردید، وارد پیشخوان وردپرس شوید، به بخش افزونه‌ ها بروید و افزونه‌ ها را نصب کنید. بعد از نصب، آن‌ها را فعال کنید.

2. ساخت قالب لیستینگ با JetEngine

حالا که افزونه‌ها را نصب کردیم، برای نمایش محصولات در قالب لیستینگ شبکه باید از JetEngine استفاده کنیم.

1. وارد پیشخوان وردپرس شوید و به مسیر جت انجین > لیستینگ بروید.
2. روی دکمه افزودن جدید کلیک کنید.
3. نوع منبع لیست را پست ها انتخاب کنید.
4. نوع پست تایپ را محصولات انتخاب کنید.
5. یک نام مناسب برای قالب لیستینگ خود وارد کنید (مثل “لیست آرشیو محصولات”).
6. نمای فهرست را المنتور قرار دهید.
7. روی ایجاد آیتم لیستینگ کلیک کنید.
8. در طراحی قالب، می‌توانید اطلاعات مختلف محصولات مانند تصویر، نام، قیمت و توضیحات را اضافه کنید.
9. قالب را ذخیره کنید.

3. نمایش قالب لیستینگ با Elementor

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

1. وارد صفحه آرشیو محصولات در Elementor شوید.
2. در ویرایشگر المنتور، ابزارک لیستینگ شبکه را به صفحه اضافه کنید.
3. در تنظیمات ابزارک، قالب لیستینگ ایجادشده در مرحله قبل را انتخاب کنید.
4. تعداد ستون‌ها، فاصله بین آیتم‌ها و سایر تنظیمات را به دلخواه تنظیم کنید.
5. تیک گزینه استفاده به عنوان قالب آرشیو را فعال کنید.
6. این کار باعث می‌شود که محصولات شما طبق قالبی که طراحی کرده‌اید در صفحه نمایش داده شوند.

4. اضافه کردن فیلترهای هوشمند با JetSmartFilters

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

برای ایجاد فیلترهای هوشمند:

1. به بخش فیلترهای هوشمند در پیشخوان وردپرس بروید.
2. بر روی افزودن جدید کلیک کنید.
3. نوع فیلتر را انتخاب کنید:
   • فیلتر محدوده قیمت: برای فیلتر کردن محصولات بر اساس محدوده قیمت.
   • فیلتر چک باکس: برای فیلتر کردن محصولات بر اساس ویژگی‌هایی مانند رنگ یا سایز.

5. اتصال فیلترها به Listing Grid برای فیلتر محصولات در ووکامرس

پس از ایجاد فیلتر، برای تنظیم آن در صفحه آرشیو، به بخش ویرایشگر المنتور بروید و از ابزارک‌های JetSmartFilters مانند فیلتر محدوده قیمت یا فیلتر چک باکس استفاده کنید.

1. وارد صفحه آرشیو محصولات در المنتور شوید.
2. از بخش انتخاب فیلتر، فیلتری که در مرحله قبل ساختید را جستجو کرده و انتخاب کنید.
3. در قسمت این فیلتر برای: ، حتما جت انجین را انتخاب کنید.
4. در قست نوع اعمال هم میتوانید ایجکس را انتخای کنید تا نتایج به صورت زنده و بدون بارگذاری مجدد صفحه تغییر کنند.

6. تست فیلتر محصولات در ووکامرس

بعد از انجام تمامی مراحل، صفحه آرشیو شما باید آماده باشد. حالا باید عملکرد فیلترها و Listing Grid را تست کنید:

• فیلترها باید به درستی کار کنند و نتایج به‌طور زنده نمایش داده شوند.
• Listing Grid باید به درستی اطلاعات محصولات را نمایش دهد.

نتیجه‌گیری

با استفاده از JetEngine و JetSmartFilters، شما می‌توانید به راحتی فیلترهای هوشمند و قالب‌های لیستینگ سفارشی برای صفحه آرشیو محصولات خود ایجاد کنید. این فرآیند ساده است و به شما این امکان را می‌دهد که بدون پیچیدگی، تجربه کاربری بهتری را برای بازدیدکنندگان سایت خود فراهم کنید.