ימים
שעות
דקות
שניות
הזדרזי! המבצע בתוקף עד 04.04.2024

יצרתי סינון עם smart-filter לליסטינג גריד של ג’ט איך אפשר להגדיר שלא יוצג בכלל פוסטים עד שבוחרים לפחות 2 אפשרויות סינון (לדוג: מחיר ויצרן)

שאלה מצויינת :)

כדי לסנן ליסטינג עם smart-filters ולהציג את תוצאות החיפוש רק לאחר בחירת 2 אופציות, את פשוט צריכה ליצור 2 עמודים:

  1. עמוד עבור הפילטרים + כפתור הפעלת החיפוש
  2. עמוד תוצאות עם הליסטינג

השלבים ליצירת מספר פילטרים לסינון ליסטינג, והצגת הליסטינג המסונן בדף חדש

הוספת פילטרים לעמוד שיפעלו רק בלחיצה על כפתור “חיפוש”

  1. צרי פילטרים לפי הצורך שלך > פתחי את העמוד בו את רוצה שהמשתמש יבצע את החיפוש > הוסיפי את כל הפילטרים הרצויים.
  2. הגדירי את כל הפילטרים שיפעלו רק בלחיצה על כפתור “חיפוש” > בתוכן בחרי Apply type מסוג AJAX > בApply on בחרי Click on apply button (כלומר, הפילטר יפעל רק לאחר לחיצה על כפתור החיפוש שתוסיפי)

הוספת כפתור חיפוש לעמוד, עם הפניה אוטומטית לעמוד חדש

  1. הוסיפי וידג’ט מסוג Apply Button (= הכפתור שעליו המשתמש ילחץ כדי להפעיל את הפילטרים)
  2. בApply type בחרי AJAX > בApply button text בחרי טקסט אחר לכפתור, לדוגמה: “חיפוש”.
  3. כדי שהליסטינג המסונן יופיע בעמוד חדש, את צריכה ליצור הפניה מיד לאחר לחיצה על כפתור החיפוש. לכן עלייך להפעיל בכפתור את האופציה של הפניה – Apply redirect > ובRedirect Path הדביקי את הקישור לעמוד החדש בו את רוצה להציג את הליסטינג.

יצירת עמוד חדש עם הליסטינג אותו את רוצה לסנן

  1. פתחי עמוד חדש, והוסיפי לו את הליסטינג שאת רוצה לסנן.
  2. ליד הליסטינג הוסיפי את כל הפילטרים שלו עם Apply type מסוג AJAX (כדי שהמשתמש יוכל לשנות את הפילטרים שלו, גם לאחר ביצוע החיפוש).

כעת עלייך לבדוק שהפילטרים עובדים בצורה נכונה, והליסטינג מוצג בצורה נכונה

  1. פתחי את העמוד בו שמת את הפילטרים > בחרי כמה פלטרים > לחצי על כפתור “חיפוש”
  2. בלחיצה על הכפתור, האתר אמור להפנות אותך לדף החדש עם הליסטינג > בדקי שאכן הליסטינג מסונן לפי הפילטרים שבחרת.
  3. נסי לשנות את הסינון של הליסטינג על ידי לחיצה על הפילטרים הנמצאים לידו.

כדי שהכל יפעל כשורה, אין להשתמש בQuery id בשום רכיב של החיפוש. לא בפילטרים, לא בכפתור החיפוש ולא בליסטינג בעמוד החדש.

תצליחי,
חגית

תגובה אחת

  1. היי, תודה רבה
    שאלת המשך – איך אני גורם לכך שכאשר אני בוחר משהו בשדה אחד, זה ישפיע על השדה השני.
    למשל אני בוחר בקטגוריית “מאפים” ואז בשדה סלקט הבא יופיעו לי “עוגות, קוראסונים, וכו'” ולא תת קטגוריות שלא קשורות?

כתיבת תגובה

הדרכות נוספות שיכולות לעזור לך

האם שווה ללמוד CSS לאלמנטור עם קורס דיגיטלי?

איך אפשר ליצור דף אינדקס אמניות – שלכל אחת יהיה שם, פרטים נוספים, יצירת קשר (עדיף לינק לחיץ) ותמונת פרופיל, כולל אופציה לסינון ע”פ קטגוריות

איך אפשר להציג כפתור הורדת קבצים באתר רק למשתמשים מחוברים?

טיפים לסגירת עסקה מוצלחת עם לקוח שכבר קבל הצעת מחיר

איך ליישר את שדה הטלפון לימין בטופס אלמנטור – פתרון לבאג ועזרה מבינה מלאכותית

יש לי אזור עם כמה וידג’טים של לוטי, ויש אחד שלא מופיע ביחד עם כולם. רק אם עוברים עם העכבר עליו – אז רואים אותו. יכול להיות שזה בגלל שהוא כבד יותר מכולם? אם כן, איך אפשר לכווץ אותו?

יש לי וידג’ט גלריה באלמנטור. בצפיה בלייב רואים מצויין בדסקטופ, אבל במובייל כל התמונות נחתכות. מה יכולה להיות הסיבה?

איך מוסיפים אפשרות של דיוור והודעות SMS באתר וורדפרס?

כלים אלופים

10 כלים מומלצים
שיעזרו לך לעבוד מהר יותר
דילוג לתוכן