שאלה מצויינת :)
כדי לסנן ליסטינג עם smart-filters ולהציג את תוצאות החיפוש רק לאחר בחירת 2 אופציות, את פשוט צריכה ליצור 2 עמודים:
- עמוד עבור הפילטרים + כפתור הפעלת החיפוש
- עמוד תוצאות עם הליסטינג
השלבים ליצירת מספר פילטרים לסינון ליסטינג, והצגת הליסטינג המסונן בדף חדש
הוספת פילטרים לעמוד שיפעלו רק בלחיצה על כפתור “חיפוש”
- צרי פילטרים לפי הצורך שלך > פתחי את העמוד בו את רוצה שהמשתמש יבצע את החיפוש > הוסיפי את כל הפילטרים הרצויים.
- הגדירי את כל הפילטרים שיפעלו רק בלחיצה על כפתור “חיפוש” > בתוכן בחרי Apply type מסוג AJAX > בApply on בחרי Click on apply button (כלומר, הפילטר יפעל רק לאחר לחיצה על כפתור החיפוש שתוסיפי)
הוספת כפתור חיפוש לעמוד, עם הפניה אוטומטית לעמוד חדש
- הוסיפי וידג’ט מסוג Apply Button (= הכפתור שעליו המשתמש ילחץ כדי להפעיל את הפילטרים)
- בApply type בחרי AJAX > בApply button text בחרי טקסט אחר לכפתור, לדוגמה: “חיפוש”.
- כדי שהליסטינג המסונן יופיע בעמוד חדש, את צריכה ליצור הפניה מיד לאחר לחיצה על כפתור החיפוש. לכן עלייך להפעיל בכפתור את האופציה של הפניה – Apply redirect > ובRedirect Path הדביקי את הקישור לעמוד החדש בו את רוצה להציג את הליסטינג.
יצירת עמוד חדש עם הליסטינג אותו את רוצה לסנן
- פתחי עמוד חדש, והוסיפי לו את הליסטינג שאת רוצה לסנן.
- ליד הליסטינג הוסיפי את כל הפילטרים שלו עם Apply type מסוג AJAX (כדי שהמשתמש יוכל לשנות את הפילטרים שלו, גם לאחר ביצוע החיפוש).
כעת עלייך לבדוק שהפילטרים עובדים בצורה נכונה, והליסטינג מוצג בצורה נכונה
- פתחי את העמוד בו שמת את הפילטרים > בחרי כמה פלטרים > לחצי על כפתור “חיפוש”
- בלחיצה על הכפתור, האתר אמור להפנות אותך לדף החדש עם הליסטינג > בדקי שאכן הליסטינג מסונן לפי הפילטרים שבחרת.
- נסי לשנות את הסינון של הליסטינג על ידי לחיצה על הפילטרים הנמצאים לידו.
כדי שהכל יפעל כשורה, אין להשתמש בQuery id בשום רכיב של החיפוש. לא בפילטרים, לא בכפתור החיפוש ולא בליסטינג בעמוד החדש.
תצליחי,
חגית
תגובה אחת
היי, תודה רבה
שאלת המשך – איך אני גורם לכך שכאשר אני בוחר משהו בשדה אחד, זה ישפיע על השדה השני.
למשל אני בוחר בקטגוריית “מאפים” ואז בשדה סלקט הבא יופיעו לי “עוגות, קוראסונים, וכו'” ולא תת קטגוריות שלא קשורות?