ניתן שם לפילטר שלנו
filter label – קטגוריה
Active Filter Label – קטגוריה
filter type – סוג פילטר בשם checkboxes list
texonomies – Data Source
texonomy – קטגוריות מוצרים
union- Relational Operator
(יש אפשרות לבחור גם בבחירה השניה בשם intersaction – מה שזה אומר שכשאבחר 2 קטגוריות, יופיעו לי רק המוצרים שמשוייכים ל2 הקטגוריות שסימנתי לפלטר על פיהם ואילו union – יציג לי גם מוצרים מקטגוריה x וגם מוצרים מקטגוריה y
Show empty terms – תציג לי גם את הקטגוריות הריקות ( הכוונה שלא משוייך אליהם שום מוצר, יש אפשרות להציג ויש אפשרות להסתיר)
(Show only childs of current term – אפשרות להציג רק את תתי הקטגוריות (שימושי בדף קטגוריה))
Group terms by parents – תציג לי את הקטגוריות והתתי קטגוריות בצורה הררכית ( בפרונט באתר ע״י הוויג׳ט)
(Is Checkbox Meta Field (Jet Engine) – יש אפשרות שהפילטור יהיה מיתוך שדות מותאמים, שהם מסוג שדה checkbox (כמובן ע״י שנכניס את הid של השדה ))
(Exlude/include – כאן אני יכולה להחליט אם אם להחריג או להציג רק קטגוריות מסוימות)
זהו סיימנו:)
אפשר ללכת לאלמנטור ולגרור וויג'ט תואם לפילטר שלנו בשם checkboxes filter
שמנה לב: כל מה שמסומן בסוגרים זה הגדרות נוספות שקיימות בפילטר זה אבל לא השתמשתי בהם בפילטרים שקיימים בדף נחיתה, חשוב שתדעו את כל ההגדרות שיכולות להיות רלוונטית במצבים מסויימים ולכן פירטתי.
בכדי לראות את הפילטר שפתחנו בוורדפרס, נגרור וויג'ט באלמנטור תואם לפילטר שלנו בשם checkboxes filter:
יש להכניס את הקוד css בוויג'ט, במתקדם css מותאם
מה הוא עושה:
1. מסדר רווח בין התיבות סימון לבין הקטגוריה
2. נותן רווח יותר גדול בין קטגוריה לתת קטגוריה, שההיררכיה תהיה בולטת
3. מדגיש את הקטגוריות הראשיות
ניתן שם לפילטר שלנו
filter label – מה התקציב שלך
Active Filter Label – מחיר
filter type – סוג פילטר בשם Range
Inputs enabled – אפשרות שהמחירים יהיו בתוך ריבוע עם חיצים
Values prefix -ש"ח ( קידומת שתופיע לפני הערך)
(Min Value – מה ערך המינימלי שתרצה שיופיע בטווח
max Value – מה הערך המקסימלי שתרצה שיופי)
Get min/max dynamically woocommerce min/ max price (הכוונה תשאב לי את מחירי המוצר, בצורה דינאמית, מהמוצר הזול ביותר ועד המוצר היקר ביותר, (יש עוד אפשרות תחת הגדרה זו של: get from query meta key תשאב לי ערך מינימלי ומקסימלי מיתוך שדה מותאם)
Step – מספר הצעד 50 שח
price – Query Variable –
נתתי ערך של מחיר מוצר בכדי שיידע את מה לסנן לי, לפי איזה שדה (יש שדות של ווקומרס, שמופיעות למטה, ויש שדות מותאמים של ג'ט אנג'ין) (יש הסבר על השדות של ווקומרס בוויג'ט checkboxes list)
שמנה לב: כל מה שמסומן בסוגרים זה הגדרות נוספות שקיימות בפילטר זה אבל לא השתמשתי בהם בפילטרים שקיימים בדף נחיתה, חשוב שתדעו את כל ההגדרות שיכולות להיות רלוונטית במצבים מסויימים ולכן פירטתי.
בכדי לראות את הפילטר טווח מחירים
נגרור פילטר תואם בשם Range filter
(פירוט הוויג'טים לפי סדר הרשימה:
1. ארכיון מוצרים של אלמנטור פרו
2. וויג'ט ארכיון פוסטים של אלמנטור פרו
3. וויג'ט פרוטפוליו של אלמנטור פרו
4. וויג'ט פוסטים של אלמנטור פרו
5. וויג'ט מוצרים של אלמנטור פרו
6. לוח שנה של ג'ט
7.ג'ט אנג'ין (שבמקרה שלנו אנחנו נבחר בו כי אנחנו מסננים וויג'ט ליסטינג גריד שזה שייך לג'ט אנג
8. סוג וויג'ט של ווקומרס של ג'ט
11. וויג'ט שורטקוד לדוגמא שורטקוד של מוצרים)
2. page reloud – בכדי לראות את תוצאות הסינון נצטרך ללחוץ על כפתור שירענן את העמוד ורק לאחר מכן יופיע לנו התוצאות סינון, גם נראה ששורת הכתובת של העמוד, למעלה בurl תשתנה יוצג שם פרמטרים שונים של הסינון שלנו)
3. mixed – פילטור בלייב על העמוד ובנוסף הurl השתנה)
2. click on apply button – רק אחרי שאלחץ על כפתור יוצג לי התוצאות סינון, הכפתור יכול להיות כללי לכל סוגי הפילטרים עם אותו id ששמנו להם, עי שנכניס את אותו id שמקשר בין כולם גם בכפתור
ניתן שם לפילטר שלנו
filter label – שנות אחראיות
Active Filter Label –
filter type – סוג פילטר בשם Range
(Inputs enabled – אפשרות שהערכים יהיו בתוך ריבוע עם חיצים)
(Values prefix -קידומת שתופיע לפני הערך
(Min Value – מה ערך המינימלי שתרצה שיופיע בטווח
max Value – מה הערך המקסימלי שתרצה שיופי)
Get min/max dynamically
get from query meta key תשאב לי ערך מינימלי ומקסימלי מיתוך שדה מותאם בשם "שנות אחריות"
(woocommerce min/ max price הכוונה תשאב לי את מחירי המוצר, בצורה דינאמית, מהמוצר הזול ביותר ועד המוצר היקר ביותר)
Step – מספר צעד 1
responsibility – Query Variable
נתתי id של השדה "שנות אחריות" בכדי שיידע את מה לסנן לי, לפי איזה שדה (יש שדות של ווקומרס, שמופיעות למטה, ויש שדות מותאמים של ג'ט אנג'ין, יש הסבר על השדות של ווקומרס בוויג'ט checkboxes list)
שמנה לב: כל מה שמסומן בסוגרים זה הגדרות נוספות שקיימות בפילטר זה אבל לא השתמשתי בהם בפילטרים שקיימים בדף נחיתה, חשוב שתדעו את כל ההגדרות שיכולות להיות רלוונטית במצבים מסוימים ולכן פירטתי.
בכדי לראות את הפילטר טווח שנות אחראיות
נגרור פילטר תואם בשם Range filter
(פירוט הוויג'טים לפי סדר הרשימה:
1. ארכיון מוצרים של אלמנטור פרו
2. וויג'ט ארכיון פוסטים של אלמנטור פרו
3. וויג'ט פרוטפוליו של אלמנטור פרו
4. וויג'ט פוסטים של אלמנטור פרו
5. וויג'ט מוצרים של אלמנטור פרו
6. לוח שנה של ג'ט
7.ג'ט אנג'ין (שבמקרה שלנו אנחנו נבחר בו כי אנחנו מסננים וויג'ט ליסטינג גריד של מוצרים שזה שייך לג'ט אנג'ין
8. סוג וויג'ט של ווקומרס של ג'ט
11. וויג'ט שורטקורד לדוגמא שורטקוד של מוצרים)
2. page reloud – בכדי לראות את תוצאות הסינון נצטרך ללחוץ על כפתור שירענן את העמוד ורק לאחר מכן יופיע לנו התוצאות סינון, גם נראה ששורת הכתובת של העמוד, למעלה בurl תשתנה יוצג שם פרמטרים שונים של הסינון שלנו)
3. mixed – פילטור בלייב על העמוד ובנוסף הurl השתנה
אני בחרתי לפילטר הזה סינון Ajax.)
2. click on apply button – רק אחרי שאלחץ על כפתור יוצג לי התוצאות סינון, הכפתור יכול להיות כללי לכל סוגי הפילטרים עם אותו id ששמנו להם, עי שנכניס את אותו id שמקשר בין כולם גם בכפתור
ניתן שם לפילטר שלנו
filter label – קטגוריה
Active Filter Label – מותג
filter type – סוג הפילטר visual
texonomies – Data Source
texonomy – טקסונומיה בשם מותגים
Show empty terms – תציג לי גם את הקטגוריות הריקות ( הכוונה שלא משוייך אליהם שום מוצר, יש אפשרות להציג ויש אפשרות להסתיר)
Type – סוג הויזואל: תמונות(יש אפשרות לבחור צבעים)
Behavior – איך אני רוצה שיתפקד לי כמו checkboxes או Radio שההבדל בינהם אפשרות של כמה בחירות סינון או אפשרות בחירה אחת (שיציג לי מוצרים רק ממותג אחד)
(Is Checkbox Meta Field (Jet Engine) – יש אפשרות שהפילטור יהיה מיתוך שדות מותאמים, שהם מסוג שדה checkbox (כמובן ע״י שנכניס את הid של השדה )
Options List – נתחיל להוסיף ידנית את שם הקטגוריה והתמונה שלה, נילחץ על NEW OPTION ויפתח לנו חלונית:
Label – שם הקטגוריה
Value – בחירת הקטגוריה שלנו (הערך) מיתוך רשימה שנפתחת
Image – הוספת תמונה
שמנה לב: כל מה שמסומן בסוגרים זה הגדרות נוספות שקיימות בפילטר זה אבל לא השתמשתי בהם בפילטרים שקיימים בדף נחיתה, חשוב שתדעו את כל ההגדרות שיכולות להיות רלוונטית במצבים מסוימים ולכן פירטתי.
בכדי לראות את הפילטר שפתחנו בוורדפרס, נגרור וויג'ט באלמנטור תואם לפילטר שלנו בשם visual filter
(פירוט הוויג'טים לפי סדר הרשימה:
1. ארכיון מוצרים של אלמנטור פרו
2. וויג'ט ארכיון פוסטים של אלמנטור פרו
3. וויג'ט פרוטפוליו של אלמנטור פרו
4. וויג'ט פוסטים של אלמנטור פרו
5. וויג'ט מוצרים של אלמנטור פרו
6. לוח שנה של ג'ט
7.ג'ט אנג'ין (שבמקרה שלנו בחרנו בו כי אנחנו מסננים וויג'ט ליסטינג גריד שזה שייך לג'ט אנגין
8. סוג וויג'ט של ווקומרס של ג'ט
11. וויג'ט שורטקוד לדוגמא שורטקוד של מוצרים)
2. page reloud – בכדי לראות את תוצאות הסינון נצטרך ללחוץ על כפתור שירענן את העמוד ורק לאחר מכן יופיע לנו התוצאות סינון, גם נראה ששורת הכתובת של העמוד, למעלה בurl תשתנה יוצג שם פרמטרים שונים של הסינון שלנו)
3. mixed – פילטור בלייב על העמוד ובנוסף הurl השתנה
אני בחרתי לפילטר הזה סינון Ajax.)
(2. click on apply button – רק אחרי שאלחץ על כפתור יוצג לי התוצאות סינון, הכפתור יכול להיות כללי לכל סוגי הפילטרים עם אותו id ששמנו להם, עי שנכניס את אותו id שמקשר בין כולם גם בכפתור
(Filter Options:
Show items label – אפשרות להציג את שם הקטגוריה ליד כל תמונה
Image Size: גודל התמונה)
(Additional Settings: שמנה לב ההגדרות אלו לא יופיע בכל וויג'ט פילטר רק בחלק מהוויג'טים, בוויגט הזה כן קיים הגדרות אלו:
Search Enabled – אפשרות שיופיע חיפוש בוויג'ט זה
More/Less Enabled – אפשרות להראות חלק מהקטגוריות ובהפעלת הגדרה זו יופיע לנו טקסט עוד או פחות, ונוכל לשלוט בזה ע"י לחיצה
Scroll Enabled – אפשרות שיהיה גלילה לפילטר.)
ניתן שם לפילטר שלנו
filter label – חיפוש
Active Filter Label – המילים שהקלדת
filter type – סוג הפילטר search
Placeholder – הכותרת שתופיע בשדה החיפוש (כמו כאן, חיפוש חופשי)
Search by – איפה אני רוצה שהחיפוש התבצע:
defoult wordpress search – חיפוש דיפלוטיבי של וורדפרס, בדר"כ זה בשמות המוצרים, אפשר להרחיב את החיפוש לפי תגיות ועוד ע"י התקנת תוספים
(by custom field from query varible – חיפוש לפי שדות נוספים כמובן שאצטרך לשים את הid של השדה בquery varible)
שמנה לב: כל מה שמסומן בסוגרים זה הגדרות נוספות שקיימות בפילטר זה אבל לא השתמשתי בהם בפילטרים שקיימים בדף נחיתה, חשוב שתדעו את כל ההגדרות שיכולות להיות רלוונטית במצבים מסוימים ולכן פירטתי.
בכדי לראות את הפילטר שפתחנו בוורדפרס, נגרור וויג'ט באלמנטור תואם לפילטר שלנו בשם Search Filter
(פירוט הוויג'טים לפי סדר הרשימה:
1. ארכיון מוצרים של אלמנטור פרו
2. וויג'ט ארכיון פוסטים של אלמנטור פרו
3. וויג'ט פרוטפוליו של אלמנטור פרו
4. וויג'ט פוסטים של אלמנטור פרו
5. וויג'ט מוצרים של אלמנטור פרו
6. לוח שנה של ג'ט
7.ג'ט אנג'ין (שבמקרה שלנו בחרנו בו כי אנחנו מסננים וויג'ט ליסטינג גריד שזה שייך לג'ט אנגין
8. סוג וויג'ט של ווקומרס של ג'ט
11. וויג'ט שורטקוד לדוגמא שורטקוד של מוצרים)
search button tex – אם נבחר בשיטת ajax יופיע לי כפתור שבשדה זה אוכל לכתוב מה שארצה שיהיה כתוב בכפתור כמו חפש
2.Ajax on typing – תוך כדי הקלדה התוצאות התרעננו ללא כפתור)
min number of letters – מינימום אותיות הקלדה בשביל שהחיפוש יתחיל לפעול (כמו מ-3 אותיות)
4. mixed – פילטור בלייב על העמוד ובנוסף הurl השתנה)
במידה ובחרתן בשיטת סינון של ajax on typing
יש להשתמש בקוד זה
יש להכניס את הקוד css בוויג'ט, במתקדם css מותאם
מעביר את טעינת החיפוש ואת הx לצד שמאל של השדה חיפוש
Show active tags for: תציג לי את התוויות: מוויג'ט שמגיע מג'טאנג'ין שימו לב שיש כאן המון וויג'טים שיהיה אפשר לסנן:
(פירוט הוויג'טים לפי סדר הרשימה:
1. ארכיון מוצרים של אלמנטור פרו
2. וויג'ט ארכיון פוסטים של אלמנטור פרו
3. וויג'ט פרוטפוליו של אלמנטור פרו
4. וויג'ט פוסטים של אלמנטור פרו
5. וויג'ט מוצרים של אלמנטור פרו
6. לוח שנה של ג'ט
7.ג'ט אנג'ין (שבמקרה שלנו בחרנו בו כי אנחנו מסננים וויג'ט ליסטינג גריד שזה שייך לג'ט אנגין
8. סוג וויג'ט של ווקומרס של ג'ט
11. וויג'ט שורטקוד לדוגמא שורטקוד של מוצרים)
search button tex – אם נבחר בשיטת ajax יופיע לי כפתור שבשדה זה אוכל לכתוב מה שארצה שיהיה כתוב בכפתור כמו חפש)
Clear Item Label –
יש להכניס את הקוד css בוויג'ט, במתקדם css מותאם
פעולות שהקוד עושה:
1. מטפל בהדגשה של הטקסט המקדים
2.הופך לנו את הוויג'ט מצד ימין לשמאל ומימלא הכפתור נקה הכל יבוא מיצד שמאל של הטאבים
3.מבטל את הx בכפתור נקה הכל
4. מטפל בעיצוב הכפתור נקה הכל – הופך את המעבר צבע לרך יותר
שמנה לב! ברגע שנכניס את הקוד כל הוויגט התיישר לשמאל, בכדי ליישר לימין יש ללכת לסגנון נמצא תחת tabs list > Alignment ושם ניישר לימין
(פירוט הוויג'טים לפי סדר הרשימה:
1. ארכיון מוצרים של אלמנטור פרו
2. וויג'ט ארכיון פוסטים של אלמנטור פרו
3. וויג'ט פרוטפוליו של אלמנטור פרו
4. וויג'ט פוסטים של אלמנטור פרו
5. וויג'ט מוצרים של אלמנטור פרו
6. לוח שנה של ג'ט
7.ג'ט אנג'ין (שבמקרה שלנו בחרנו בו כי אנחנו מסננים וויג'ט ליסטינג גריד שזה שייך לג'ט אנגין
8. סוג וויג'ט של ווקומרס של ג'ט
11. וויג'ט שורטקוד לדוגמא שורטקוד של מוצרים)
2. click on apply button – רק אחרי שאלחץ על כפתור יוצג לי התוצאות סינון, הכפתור יכול להיות כללי לכל סוגי הפילטרים עם אותו id ששמנו להם, עי שנכניס את אותו id שמקשר בין כולם גם בכפתור
Query ID: טוב לתת id לכל הפילטרים שלנו בכדי ליצור חבל מקשר בין אחד לשני, במקרה שלנו הid שנתתי הוא pro
Sorting List
כאן נוכל להוסיף פריטים שעל פיהם נוכל למיין:
הוספת פריט: 4 אפשרויות ששמתי בוויג'ט הזה, הבה נעבור עליהם
1. Title: מהזול ליקר
product price – order by (מחיר מוצר)
product price – order by (מחיר מוצר)