تسليط الضوء على البرنامج المساعد Divi: مرشح Divi Ajax

Divi Ajax Filter هو مكون إضافي تابع لجهة خارجية يضيف عدة وحدات جديدة إلى Divi Builder. تعمل هذه الوحدات معًا لإنشاء مرشحات بسيطة أو معقدة. يعمل Divi Ajax Filter مع الصفحات والمنشورات والمشاريع وأنواع المنشورات المخصصة مثل منتجات WooCommerce والحقول المخصصة المتقدمة. في هذا المنشور ، سنلقي نظرة على مرشح Divi Ajax ونرى كيف يعمل لمساعدتك في تحديد ما إذا كان هذا هو المنتج المناسب لاحتياجاتك. سنستخدم حزمة Divi Whiskey Layout Pack لعرض كيف يمكنك استخدام هذا المكون الإضافي في البرية.

وحدات تصفية Divi Ajax

يضيف مرشح Divi Ajax كتلة إلى Divi Builder. يؤدي النقر فوق هذا إلى فتح قائمة فرعية بوحدات مرشح Ajax. تعمل الوحدات معًا على قائمة مشاركات مع مرشح. يمكنك استخدامها لإنشاء تخطيطات أو عرض التخطيطات التي قمت بإنشائها.

حلقة الأرشيف - مرشح Divi Ajax

تعرض وحدة حلقة الأرشفة أي تخطيط حلقة تختاره لعرض المنتجات أو المنشورات. بمعنى آخر ، يعرض قائمة بنوع المنشور المخصص الذي تختاره. إذا اخترت نوع منشور المنتج ، فسيتم عرض قائمة بمنتجاتك. لا يمكن استخدامه في Custom Loop Layout. تم تصميمه ليتم استخدامه مع الأرشيفات وصفحات الفئات والصفحات العامة.

حتى تقوم بإنشاء تخطيط حلقة وتحديده ، سترى رسالة لإنشاء تخطيط. يجب إنشاء تخطيط الحلقة باستخدام وحدات Divi Ajax النمطية مثل عنوان المنشور والصورة المصغرة. يمكنك أيضًا اختيار حلقة WooCommerce الافتراضية.

خيارات الوحدة

يمكنك أيضًا اختيار نوع المنشور مثل المنشورات والصفحات والوسائط والمشاريع والمنتجات. اجعله يكتشف تلقائيًا نوع المنشور الخاص بك أو تعيين منتجات متغيرة كمنتجات فردية.

بالنسبة إلى نمط الحلقة ، اختر بين تخطيط WooCommerce أو تخطيط مخصص. إذا اخترت Custom Layout ، فسترى مربع قائمة منسدلة آخر حيث يمكنك اختيار تخطيط من مكتبة Divi الخاصة بك.

اختر عدد المشاركات المراد عرضها. يمنحك هذا التحكم في الرقم المعروض في منطقة الوحدة ، ولكن يمكنك إظهار المزيد من المشاركات ذات ترقيم الصفحات على زر تحميل المزيد. تعيينها كحلقة رئيسية يجعلها قائمة مشاركات عناصر التحكم في التصفية. يمكنك أيضًا إضافة طلب عن طريق خيار الفرز وإظهار عدد النتائج.

لا يزال عدد النتائج يُظهر 1-9 نتائج في Divi Builder ، لكنه سيُظهر العدد الصحيح للنتائج في الواجهة الأمامية كما هو موضح في المثال أدناه.

هناك عدة خيارات لكيفية عرض ترقيم الصفحات. اختر من تحميل المزيد ، أو ترقيم الصفحات القياسي ، أو تمرير لا نهائي ، أو لا شيء.

اطلب منه التمرير إلى الأعلى بعد تحديث ajax أو تعطيل الميزة. يمكنك أيضًا ضبط موضع ترقيم الصفحات.

قم بتعطيل أو استبعاد أو تضمين الكثير من العناصر مثل المنتجات عندما تحتوي الفئة على فئات فرعية وفئات ومنتجات محددة. يمكنك أيضًا تعيين عناصر معينة ليتم تضمينها عند التحميل فقط. أدخلهم في الحقول بفاصلات.

اختر الرسوم المتحركة للمرشح وخيار التمرير اللانهائي. لديها ستة رسوم متحركة للاختيار من بينها بما في ذلك ثلاثة خطوط رأسية ، وثلاثة خطوط أفقية ، وثلاث نقاط كذاب ، ودونات ، ومتعددة دونات ، وتموج. الرسوم المتحركة سلسة وتعطيها بريقًا إضافيًا.

خيارات التخطيط المخصصة

تتيح لك خيارات التخطيط المخصص اختيار تخطيط قمت بإنشائه لاستخدامه كتصنيف مخصص لك. يمكنك أيضًا تحديد التصنيفات المخصصة لتضمينها.

خيارات التخطيط الافتراضية

تتيح لك خيارات التخطيط الافتراضية الاختيار بين شبكة أو تخطيط مدونة كلاسيكي. بالنسبة للشبكة ، اختر عدد الأعمدة المراد عرضها. يمكنك أيضًا إظهار التصنيف والمقتطف والسعر والزر إضافة إلى عربة التسوق.

إليك كيف تبدو على الواجهة الأمامية. لقد قمت بتعيينه لعرض شبكة بها 4 أعمدة. لقد قمت أيضًا بتعطيل خيار المقتطف.

يتضمن هذا أيضًا خيارات الألوان والحشو. غيّر لون شارة البيع وتقييمات النجوم وخلفية المنتج. استخدم شريط التمرير لإضافة حشوة لجميع الجوانب الأربعة للمنتج. لقد أضفت بعض الحشو ولون النجوم وغيرت لون شارة البيع.

إليك كيف تبدو على الواجهة الأمامية.

إعدادات التصميم

تتضمن إعدادات التصميم خيارات مفصلة لكل عنصر بما في ذلك الخطوط والألوان والتباعد وبقية إعدادات Divi القياسية.

تصفية المشاركات - مرشح Divi Ajax

تعمل وحدة تصفية المنشورات مع وحدة حلقة الأرشيف لتصفية المشاركات التي تعرضها. لا ينبغي استخدامه في تخطيط الحلقة المخصص. عناصر التصفية عبارة عن وحدات فرعية. يمكنك إضافة أي عدد تريده لإنشاء الفلتر.

عنصر مرشح جديد

إضافة عنصر مرشح جديد يفتح الوحدة الفرعية الخاصة به. هذا يتضمن الكثير من الإعدادات. تتيح لك الإعدادات الرئيسية اختيار ما تريد تصفيته بين الفئات والعلامات والأسعار والتصنيفات والسمات والتصنيفات المخصصة. يمكنك أيضًا إنشاء مربع بحث. اختر أنواع المنشور والقيم وخيارات الاستبعاد وما إلى ذلك.

يتيح لك Layout اختيار إظهار معلمات المرشح وإظهار التسمية وتحديد عرض المرشح.

تتيح لك خيارات التحديد تمكين Select2 وتغيير نص الخيار.

تتيح لك الفئة والعلامات والتصنيف اختيار كيفية ترتيب المصطلحات في القائمة ووضع العرض والبادئة وخيارات الطي.

يمنحك النطاق تحكمًا كاملاً في إعدادات نطاق المرشح. إخفاء الملصقات ، واختيار نوع القيمة ، وتعيين النطاق ، واختيار مستويات الخطوة ، وضبط المظهر ، والاختيار قبل النص وبعده ، والمزيد.

يتيح لك المنطق الشرطي إنشاء قواعد منطقية للمرشح. هذا يعني أنه يمكنك ضبط الفلتر للتحكم في الفلتر وجعله ذكيًا قدر الإمكان.

أضف عناصر تصفية متعددة لإنشاء الفلتر الذي تريده بالضبط. لقد قمت بإنشاء عامل تصفية مع خيار البحث والفئات والعلامات والأسعار. يمكن للمستخدمين تحديد إحدى أدوات التصفية أو استخدامها معًا.

إعدادات المنشور الرئيسية للتصفية

تتضمن الخيارات الرئيسية نوع تحديث المرشح (اختر من نقرة زر أو تغيير حقل) ، واختيار مكان التمرير ، وإضافة نص لأزرار البحث وإعادة الضبط ، وتمكين Select2.

تحدد خيارات التخطيط تخطيط عناصر المرشح. اختر عمودًا جانبيًا أو عمودًا بالعرض الكامل ، واضبط الأحجام ، ونمط المرشح بين التبديل والشريحة ، وإخفاء الأزرار أو إظهارها.

تضيف خيارات الهاتف المحمول عناصر تبديل ، وتتيح لك اختيار نمط التبديل وتغيير نص الزر وتبديل عوامل التصفية بشكل فردي.

عنوان المشاركة - صفحات الأرشيف

تعرض وحدة عنوان المنشور العنوان وتتيح لك اختيار مستوى العنوان والارتباط بصفحة واحدة وفتح علامة تبويب جديدة وإدخال عنوان URL.

تتضمن علامة التبويب "التصميم" إعدادات منفصلة لعناوين المنشورات وعناوين المنتجات. يتم تضمين كافة الإعدادات القياسية.

الصورة المصغرة - مرشح Divi Ajax

تتيح لك وحدة الصور المصغرة اختيار حجم الصورة ، وربط الصورة بصفحة واحدة ، واستخدام صور العناصر النائبة مع الحقول المخصصة المتقدمة ، والفتح في علامة تبويب جديدة ، وتمكين علامة العنوان ، واختيار نمط الصورة.

تتضمن أحجام الصورة المصغرة الكثير من الخيارات.

بناء مرشح المنتج

أولاً ، سأقوم بإنشاء مرشح منتج باستخدام وحدة حلقة الأرشفة ووحدة تصفية المنشورات.

بعد ذلك ، بالنسبة لوحدة Archive Loop Module ، قمت بتعيينها على المنتجات واخترت تخطيط WooCommerce الافتراضي. هذا يعطينا الصورة والعنوان والسعر افتراضيًا. لقد قمت بتعيينها على أنها الحلقة الرئيسية وقمت بتمكين ترتيب حسب القائمة وعدد النتائج. لقد اخترت تحميل المزيد لخيار التحميل. تم تعيين التخطيط على شبكة بها 3 أعمدة. لقد اخترت أيضًا إظهار التصنيف والسعر والمقتطف وزر إضافة إلى عربة التسوق. تحتوي Sale Badge و Star Ratings على ألوان مخصصة ، وقد أضفت بعض الحشو إلى المنتج.

فيما يلي إعدادات التصميم. لقد قمت بتعديل ألوان وأنماط عناصر النص الفردية بالإضافة إلى الزر "إضافة إلى عربة التسوق".

أخيرًا ، بالنسبة لعامل التصفية ، أضفت البحث والفئات والسعر والتصنيف. بالنسبة لمرشح الفئة ، قمت بتحديد أزرار الراديو. السعر محدد بين 5 دولارات و 100 دولار.

بالنسبة لإعدادات تصميم الفلتر ، قمت بتعديل ألوان الخط وألوان الأزرار وما إلى ذلك.

نتائج تصفية المنتج

إليك كيف تبدو على الواجهة الأمامية مع تصميمات حزمة Divi Whiskey Layout Pack.

ها هي ميزة الفرز. يمكن للمستخدم تحديد الترتيب الافتراضي ، أو الترتيب حسب الشعبية ، أو متوسط ​​التقييم ، أو الأحدث ، أو السعر الأدنى إلى الأعلى ، أو السعر من الأعلى إلى الأقل.

فيما يلي نتائج خيار البحث. أنا أستخدم منتجات WooCommerce التجريبية. لقد بحثت عن "الوردي" ووجدت نتيجتين.

بالنسبة للفئات ، حددت زر اختيار فئة "المطبخ" ووجدت النتائج الأربع.

في هذا المثال ، قمت بتصفية المنتجات حسب النطاق السعري. لقد اخترت 5-30 وقمت بالفرز حسب السعر من الأقل إلى الأعلى.

يمكنك أيضًا استخدام المرشحات معًا. في هذا المثال ، قمت بتحديد فئة "المطبخ" وقمت بتعيين النطاق السعري من 30 دولارًا إلى 50 دولارًا. يعرض المنتجات الموجودة في مخزني في تلك الفئة والنطاق السعري.

من أين تشتري مرشح Divi Ajax

مرشح Divi Ajax متاح في Divi Marketplace مقابل 97 دولارًا. يشمل الدعم والتحديثات لمدة عام واحد وضمان استرداد الأموال لمدة 30 يومًا.

خواطر ختامية

هذه هي نظرتنا إلى مرشح Divi Ajax. هذه مجموعة قوية من الوحدات النمطية لـ Divi Builder التي تنشئ مرشحات مذهلة للعديد من أنواع منشورات WordPress. مرشح Divi Ajax معقد. يستغرق التعلم بعض الوقت ، ولكن ليس من الصعب جدًا فهمه واستخدامه بمجرد البدء. سيوفر لك اتباع العروض التوضيحية بعض الوقت ويقلل من منحنى التعلم بشكل كبير. إذا كنت مهتمًا بفلتر متقدم لأنواع منشوراتك ، فإن Divi Ajax Filter خيار رائع.

نريد أن نسمع منك. هل جربت مرشح Divi Ajax؟ أخبرنا برأيك في التعليقات.