שם השיעור: הסרת דף עגלה ושימוש בעגלה צפה
אין לכם גישה לתוכן זה
לקבלת גישה לשיעור זה, יש לבחור מסלול מתאים ולהירשם תחילה
תוכן הקורס
מודול: הגדרות כלליות
מודול: דף הבית
מודול: עמודי ווקומרס והרחבה נוספת
מודול: עמודי האתר
מודול: התאמה למובייל
מה נלמד בשיעור הזה?
- נבין את הצורך שלנו בעגלה צפה מותאמת ולא את זאת של אלמנטור
- נכיר את חברת הפיתוח Xootix ואת התוסף הנפלא שלהם Sida Cart For Woocommerce ונתקין אותו
- נבין למה אין צורך בדף עגלה באתר
- נסיר את דף עגלת קניות גם מהגדרות ווקומרס דרך אלמנטור -> הגדרת האתר וגם דרך עמודי האתר
- נתרגם את התוסף במסגרת מה שהוא מאפשר ונתאים אותו
- נתקין את התוסף – מתרגם התוספים והתבניות – Loco Translate
- נתרגם את התוסף ידנית (ניתן גם להוריד את קובץ התרגום מכאן ולהעלות אותו)
- נכנס לעריכת הCSS ברמת התבנית ונעצב דרך שם את העגלה שלנו
- נשתמש בקלאס xoo-wsc-cart-trigger על האייקון של העגלה של אלמנטור כדי להפעיל את העגלה החדשה שלנו בלחיצה
- נסתיר את העגלה הנפתחת הדיפולטיבית של אלמנטור
וקצת יותר בפירוט...
המעבר לשימוש בעגלה צפה מותאמת במקום דף עגלה מסורתי הוא שינוי שמייעל את חוויית המשתמש באתר מכירות. במקום לדלג בין דפים, העגלה הצפה מאפשרת למשתמשים לצפות במוצרים שבחרו ולהתנהל עם העגלה בצורה אינטראקטיבית ונגישה מכל עמוד באתר. כדי ליישם זאת בצורה מיטבית, נשתמש בתוסף **Side Cart For WooCommerce** של חברת Xootix, המציע פתרון עגלה צפה גמיש וניתן להתאמה.
השימוש בעגלה צפה מבטל את הצורך בדף עגלה סטנדרטי באתר. לאחר התקנת התוסף, נסיר את דף העגלה הן דרך הגדרות WooCommerce בעזרת Elementor והגדרות האתר, והן באמצעות מחיקת הדף מרשימת עמודי האתר. פעולה זו מפשטת את הניווט באתר ומשפרת את חוויית הקנייה, שכן משתמשים יכולים לנהל את המוצרים שלהם ישירות דרך העגלה הצפה.
כדי להתאים את התוסף לעברית, ניתן לתרגם אותו באמצעות תוסף התרגום **Loco Translate**. התהליך כולל התקנה של Loco Translate, תרגום ידני של התוסף, או העלאת קובץ תרגום מוכן. הקובץ ניתן להורדה בקישור שסופק, מה שמפשט את העבודה ומזרז את ההתאמה. לאחר מכן, נעבור לעיצוב העגלה ברמת התבנית באמצעות CSS. השימוש בקלאס `xoo-wsc-cart-trigger` על אייקון העגלה הקיים של Elementor יאפשר להפעיל את העגלה הצפה החדשה שלנו בלחיצה, ונעשה זאת תוך הסתרת העגלה הנפתחת הדיפולטיבית של Elementor. השילוב הזה מייצר חוויית קנייה מתקדמת וידידותית, תוך התאמה אישית מלאה לצרכי האתר.