منو سایت

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

 تاریخ انتشار :
/
  وبلاگ
برجسته پلاگین 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

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

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

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

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

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

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

خط آرشیو - نوع پست فیلتر Divi Ajax

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

خط آرشیو – سبک حلقه فیلتر Divi Ajax

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

حلقه آرشیو – فیلتر Divi Ajax نمایش نتایج و مرتب‌سازی بر اساس منو

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

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

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

حلقه آرشیو – فیلتر Divi Ajax – صفحه بندی

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

خط آرشیو - فیلتر Divi Ajax - صفحه بندی

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

خط آرشیو - فیلتر Divi Ajax - صفحه بندی

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

حلقه آرشیو – فیلتر Divi Ajax – صفحه بندی، اسکرول

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

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

خط آرشیو – فیلتر Divi Ajax – گزینه های طرح بندی سفارشی

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

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

خط آرشیو - فیلتر Divi Ajax - گزینه های طرح بندی پیش فرض

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

خط آرشیو - فیلتر Divi Ajax - گزینه های طرح بندی پیش فرض

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

گزینه های رنگ و پشتیبان

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

گزینه های رنگ و پشتیبان

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

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

رنگ و سبک صفحه بندی

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

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

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

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

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

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

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

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

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

گزینه مورد نظر را انتخاب کنید

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

پایان افکار

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

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