برجسته پلاگین Divi: فیلتر Divi Ajax

Divi Ajax Filter یک افزونه شخص ثالث است که چندین ماژول جدید را به Divi Builder اضافه می کند. این ماژول ها برای ایجاد فیلترهای ساده یا پیچیده با هم کار می کنند. فیلتر Divi Ajax با صفحات، پست‌ها، پروژه‌ها و انواع پست سفارشی مانند محصولات WooCommerce و فیلدهای سفارشی پیشرفته کار می‌کند. در این پست، نگاهی به فیلتر Divi Ajax می اندازیم و نحوه عملکرد آن را می بینیم تا به شما کمک کند تصمیم بگیرید که آیا این فیلتر برای نیازهای شما مناسب است یا خیر. ما از Divi Whisky Layout Pack استفاده خواهیم کرد تا نشان دهیم چگونه می توانید از این افزونه در طبیعت استفاده کنید.

ماژول های فیلتر Divi Ajax

فیلتر Divi Ajax یک بلوک به Divi Builder اضافه می کند. با کلیک بر روی این منوی فرعی با ماژول های فیلتر Ajax باز می شود. ماژول ها در یک لیست پست فیلتر با هم کار می کنند. می‌توانید از آنها برای ایجاد طرح‌بندی یا نمایش طرح‌بندی‌هایی که ایجاد کرده‌اید استفاده کنید.

حلقه آرشیو – فیلتر Divi Ajax

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

تا زمانی که یک طرح بندی حلقه را ایجاد و مشخص کنید، پیامی برای ایجاد آن خواهید دید. طرح حلقه باید با ماژول های Divi Ajax به عنوان Post Title و Thumbnail ایجاد شود. همچنین می توانید چرخه پیش فرض WooCommerce را انتخاب کنید.

گزینه های ماژول

همچنین می توانید نوع پست مانند پست ها، صفحات، رسانه ها، پروژه ها و محصولات را انتخاب کنید. از آن بخواهید به طور خودکار نوع پست شما را شناسایی کند یا محصولات متغیر را به عنوان محصولات واحد تنظیم کند.

برای سبک حلقه، بین طرح‌بندی WooCommerce یا طرح‌بندی سفارشی انتخاب کنید. اگر طرح‌بندی سفارشی را انتخاب کنید، منوی کشویی دیگری را مشاهده خواهید کرد که در آن می‌توانید طرح‌بندی را از کتابخانه Divi خود انتخاب کنید.

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

تعداد نتایج همچنان 1-9 نتیجه را در Divi Builder نشان می دهد، اما تعداد صحیح نتایج را در قسمت جلویی همانطور که در مثال زیر نشان داده شده است نشان می دهد.

گزینه های مختلفی برای نحوه نمایش صفحه بندی وجود دارد. از بین Load More، Standard Pagination، Infinite Scroll یا Nothing انتخاب کنید.

بعد از آپدیت ajax آن را به سمت بالا حرکت دهید یا این ویژگی را غیرفعال کنید. همچنین می توانید موقعیت صفحه بندی را به خوبی تنظیم کنید.

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

انیمیشن فیلتر و گزینه اسکرول بی نهایت را انتخاب کنید. شش انیمیشن برای انتخاب وجود دارد، از جمله سه خط عمودی، سه خط افقی، سه نقطه پرش، یک دونات، چند دونات و امواج. انیمیشن ها روان هستند و درخشش بیشتری به آن اضافه می کنند.

گزینه های طرح بندی سفارشی

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

گزینه های طرح بندی پیش فرض

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

در اینجا به نظر می رسد از جلو. من آن را تنظیم کرده ام که یک شبکه 4 ستونی را نشان دهد. گزینه نمونه رو هم غیر فعال کردم.

این یکی همچنین شامل گزینه های رنگ و بالشتک است. رنگ نشان فروش، رتبه بندی ستاره ها و پس زمینه محصول را تغییر دهید. از نوار لغزنده برای افزودن بالشتک به چهار طرف محصول استفاده کنید. من یک پد اضافه کردم که با ستاره رنگ شده بود و رنگ نشان فروش را تغییر دادم.

در اینجا به نظر می رسد از جلو.

تنظیمات طراحی

تنظیمات طراحی شامل گزینه های دقیق برای هر عنصر، از جمله فونت، رنگ، فاصله و بقیه تنظیمات استاندارد Divi است.

فیلتر پست – فیلتر Divi Ajax

ماژول Post Filter با ماژول Archive Loop برای فیلتر کردن پست هایی که نمایش می دهد کار می کند. نباید در طرح حلقه سفارشی استفاده شود. عناصر فیلتر زیر ماژول هستند. می توانید هر تعداد که می خواهید برای ایجاد فیلتر اضافه کنید.

عنصر فیلتر جدید

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

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

گزینه های انتخاب به شما امکان می دهد Select2 را فعال کرده و متن گزینه را تغییر دهید.

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

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

منطق شرطی به شما امکان می دهد قوانین منطقی برای فیلتر ایجاد کنید. این بدان معناست که می توانید فیلتر را برای کنترل دقیق فیلتر تنظیم کنید و آن را تا حد امکان هوشمند کنید.

چندین عنصر فیلتر را برای ایجاد فیلتر دقیق مورد نظر خود اضافه کنید. من یک فیلتر با گزینه جستجو، دسته ها، برچسب ها و قیمت ها ایجاد کردم. کاربران می توانند یکی از ابزارهای فیلتر را انتخاب کنند یا با هم استفاده کنند.

تنظیمات فیلتر اصلی

گزینه های اصلی شامل نوع به روز رسانی فیلتر (انتخاب از کلیک دکمه یا تغییر فیلد)، انتخاب محل اسکرول، افزودن متن برای دکمه های جستجو و بازنشانی، و فعال کردن Select2 است.

گزینه های Layout چیدمان عناصر فیلتر را تعیین می کنند. ستون کناری Colome یا تمام عرض را انتخاب کنید، ابعاد را تنظیم کنید، سبک فیلتر را تغییر دهید و اسلاید کنید و دکمه‌ها را پنهان یا نمایش دهید.

گزینه‌های موبایل ضامن‌ها را اضافه می‌کنند، به شما امکان می‌دهند سبک جابجایی را انتخاب کنید، متن دکمه را تغییر دهید و فیلترها را جداگانه تغییر دهید.

عنوان پست – آرشیو صفحات

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

تب Design شامل تنظیمات جداگانه ای برای عنوان پست و عنوان محصول است. تمام تنظیمات استاندارد گنجانده شده است.

تصویر کوچک – فیلتر Divi Ajax

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

اندازه های ریز شامل گزینه های زیادی است.

یک فیلتر محصول بسازید

ابتدا با استفاده از ماژول حلقه آرشیو و ماژول Filter Posts یک فیلتر محصول ایجاد می کنم.

بعد، برای ماژول Archive Loop، آن را روی Products قرار دادم و طرح پیش‌فرض WooCommerce را انتخاب کردم. این تصویر، عنوان و قیمت پیش‌فرض را به ما می‌دهد. من آن را به عنوان حلقه اصلی تنظیم کردم و مرتب سازی بر اساس منو و تعداد نتایج را فعال کردم. من Load More را برای گزینه load انتخاب کردم. طرح به یک شبکه 3 ستونی تنظیم شده است. همچنین نشان دادن امتیاز، قیمت، گزیده و دکمه افزودن به سبد خرید را انتخاب کردم. نشان فروش و رتبه بندی ستاره دارای رنگ های سفارشی هستند و من مقداری بالشتک به محصول اضافه کردم.

در زیر تنظیمات طراحی آمده است. من رنگ ها و سبک های تک تک عناصر متن و همچنین دکمه افزودن به سبد خرید را تنظیم کردم.

در نهایت، برای فیلتر جستجو، دسته‌ها، قیمت و رتبه‌بندی را اضافه کردم. برای فیلتر دسته، دکمه های رادیویی را انتخاب کردم. قیمت بین 5 تا 100 دلار تعیین شده است.

برای تنظیمات طراحی فیلتر، رنگ فونت، رنگ دکمه و غیره را تنظیم کردم.

نتایج فیلتر محصول

در اینجا این است که چگونه از جلو با سبک های Divi Whisky Layout Pack به نظر می رسد.

در اینجا تابع مرتب سازی است. کاربران می‌توانند مرتب‌سازی به‌طور پیش‌فرض، مرتب‌سازی بر اساس محبوبیت، رتبه‌بندی متوسط، جدیدترین، قیمت کم به زیاد یا قیمت بالا به پایین را انتخاب کنند.

در اینجا نتایج مربوط به گزینه جستجو است. من از محصولات نمایشی WooCommerce استفاده می کنم. من برای “صورتی” جستجو کردم و دو نتیجه پیدا کردم.

برای دسته‌ها، دکمه رادیویی را برای دسته «آشپزخانه» انتخاب کردم و چهار نتیجه را پیدا کردم.

در این مثال، من محصولات را بر اساس محدوده قیمت فیلتر کرده ام. من 5-30 را انتخاب کردم و بر اساس قیمت از کم به بالا مرتب کردم.

همچنین می توانید از فیلترها با هم استفاده کنید. برای این مثال، دسته آشپزخانه را انتخاب کردم و محدوده قیمتی را بین 30 تا 50 دلار تعیین کردم. محصولات موجود در موجودی من را در این دسته و محدوده قیمت نشان می دهد.

فیلتر Divi Ajax را از کجا بخریم

فیلتر Divi Ajax با قیمت 97 دلار در بازار Divi موجود است. این شامل یک سال پشتیبانی و به روز رسانی و 30 روز ضمانت بازگشت پول است.

پایان افکار

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

ما می خواهیم از تو بشنویم. آیا فیلتر Divi Ajax را امتحان کرده اید؟ نظر خود را در مورد آن در نظرات با ما در میان بگذارید.