קונימבו - חנויות מקצועיות באינטרנט

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

*כל התאמה לאתר שמתמחרים - צריך לחשוב איך יעבוד במובייל - ולהוסיף עוד שעות פיתוח על מובייל.

אלמנטים- 

ברגע שמקימים גרסת מובייל, מייבאים בעצם אלמנטים מאתר mobilenewelements (אנחנו נוהגים לקחת מאתר אחר, אבל רוב האלמנטים נמצאים גם פה).גרסת המובייל מייבאת חלק מהאלמנטים מmobilenew (מאחורי הקלעים)- לדוגמא אלמנטי הפוטר, אלמנט של גריד מוצרים לדף קטגוריה\מוצרים וכו'..

אלמנטים הקיימים למובייל:

1. Element_header_loading_page_mobilenew - layout: layout_header_mobilenew

אלמנט חובה. דף טעינה- נותן אופציות להצגה מה רוצים בדף טעינה של המובייל.

כמו - לוגו, תמונה נוספת שניתן לעלות (+מקום ללינק), אם רוצים להשתמש בעיצוב החדש (מומלץ לסמן!! הרבה יותר יפה), אם משתמשים בעיצוב החדש אז ניתן לשנות צבעים לכפתורים - רקע וטקסט, ניתן לשנות את הטקסט של הטעינה.

2. Main_nav_bg_mobilenew - layout: layout_header_mobilenew

אלמנט חובה. ממש כמו main_nav בדסקטופ. יש לנו אופציות להחליט איזה לינקים ישלפו בדרופ של הmain_nav. כמו כן יש לנו אופציות להוסיף לינקים נוספים לדרופ הזה. שיפתחו למטה (כמובן ללא תמונה).

ניתן להוסיף קלאס לכל הli, ניתן להוסיף שם שונה במקום המוצרים שלנו - ואז משנה את השם בפעמיים שמופיע.

3. Element_header_waze_mobilenew - layout: layout_header_mobilenew

אלמנט לא חובה- אבל רוב הלקוחות משתמשים וגם הוכן לו מקום בהדר. ניתן שהאלמנט יעביר לדף הגעה במקום לכתובת בוויז. ע"י סימון השדה כ"כן".

הסבר מהו ניווט ישיר: במידה ונסמן כן, ונוסיף כתובת מלאה ל-"סע ליעד" - ייתן לנו אפשרות להגיע ישר לנקודה שנדיר כיעד ולא לאפשרות החיפוש. משמע , אם נשתמש באופציה הרגילה של שדה הכתובת נגיע לדף חיפוש בו נוכל לחפש את כל הכתובות שמכילות את הערך הזה. 

קישור להסבר בוויז על "קישור לפתיחת האפליקציה ישירות" בנקודה שהגדרנו.בסופו של דבר נדרש לרשום בשורה שם - waze://?ll=32.07424,34.79184&navigate=yes  (בפורמט הזה)

ניתן לשנות את הטקסט שמופיע שעוברים לוויז - "האם אתה בטוח ש.." בשדה זה.

4. Element_general_infinitescroll_mobilenew - layout: layout_header_mobilenew

אלמנט חובה .טעינה אינסופית. אופציות לטעינה אינסופית- בלחיצה או בגלילה, שינויי טקסט - אין פרטים נוספים, טוען, לחץ לטעינת מוצרים נוספים. חובה כי אחרת לא תפעל הטעינה האינסופית במובייל.

5. Element_header_color_theme_mobilenew - layout: layout_header_mobilenew

אלמנט חובה. ערכת צבעים . אופציה להגדיר קבוצה של צבעים, ברגע שמגדירים את הצבע הראשי בחנות כל מיני אלמנטים מקבלים את הצבע הזה. 

6. Mobile_css - layout: layout_header_mobilenew

אלמנט לא חובה. נותן אפשרות למלא בעיצובי החנות css + js לפי הרצון שלנו.

בעיצובי החנות יש להוסיף את האלמנט - 

שם אלמנט : mobile_css

מסוג: element_general

בHEAD: יש להוסיף את הcss בתוך תגיות style.

בFOOT: יש להוסיף את הjs בתוך תגיות script.

7. Element_general_bootstrap_slider_mobilenew - layout: homepage_layout_x

אלמנט חובה.סליידר למובייל.

יש לשים לב שהאלמנט הזה מגיע לדף הבית לקבוצה 11, על מנת שישלף במובייל ולא בדסקטופ.

יש אופציה של ניגון אוטמטי, ויש אופציה של שינוי העברה. 

8. Element_general_images - layout: homepage_layout_x

אלמנט לא חובה- תלוי אתר. אם יש קטגוריות מעוצבות בדסקטופ נדרש גם במובייל.

יש לשים לב שהאלמנט הזה מגיע לדף הבית לקבוצה 11, על מנת שישלף במובייל ולא בדסקטופ.

ולכן מביאים את האלמנט הזה ומסדרים את הקטגוריות.

שימו לב שהמעצבות צריכות לעצב תמונה בגודל 350 * 350 . אם יש מספר אי זוגי של תמונות נדרש לייצר תמונה אחת לרוחב. על מנת שיראה טוב.

9. Element_special_storage_cart_with_upgrades_mobilenew - layout: layout_header_mobilenew

אלמנט חובה- רק אם יש עגלה צפה.  לאתרים שיש עגלה בדף הבית, נוסיף עגלה גם למובייל.

האלמנט בעיצוב דיפולטי ללא שינויים.

הדבר היחידי שצריך לשנות זה בדף מוצר את הפלוס מינוס כי זה לא נראה טוב ולא יותאם לצבעי האתר.

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

אם הלקוח עובר שיפור ציון - אז נשנה לו mobilenew_speed במקום.

לאחר מכן נלך להגדרות מתקדמות לחנות ונסמן:

וזהו! גרסת המובייל שלנו מוכנה.

דגשים:

1. אם יש לנו לוגו ארוך בהדר הוא יחתך, אז נדרש לסדר את זה בmobile_css כcss.

2. אם יש בעיה במובייל, תמיד תנסו להבין מאיזה אלמנט היא מגיעה, האם מאלמנט שהבאנו לחנות, האם מאלמנט דיפולטי שנשלף מmobilenew (לדוגמא קוביית מוצר בדף קטגוריה) - שימו לב שהגרסת רצה המון המון מזל וכמעט 99% ללא תקלות, אם יש בעיות מיוחדות, כנראה זה מתוספות אחרות שהוסיפו לה, אז תנסו לבודד את הבעיה - פיתוחים מיוחדים (בעיצובי החנות), הגדרות מתקדמות שלא סומנו (לדוגמא- גודל תמונה בדף קטגוריה נשלף כindex ולא כshow- אז זאת בכלל הגדרה בהגדרות מתקדמות  - גודל תמונה 300 על 300 וזה פותר הכל..)

3. תמחורים - לא לשכוח להתייחס גם למובייל, לבדוק מראש שזה אפשרי מבחינת תמחורים וכזה.

4. אלמנט פופאפ למובייל - יש לייבא מאתר שיש בו לדוגמא- klillateva - יש אפשרות לעלות תמונה, ולהוסיף לה שדה של ניוזלטר (מייל) ואת שאר האפשרויות הרגילות של פופאפ.

5. אלמנטים נוספים מחנות -mobilenewelements:

• אלמנט דף עגלה מעודכן - למובייל -- mobile_order_page

• הדר שחור ללוגו לבן - אלמנט element_header_black_header_mobilenew

• הדר לאתרים באנגלית , משנה מימין לשמאל- element_header_ltr_mobilenew

• הסתרת אייקונים בפוטר לא רלוונטים- של כרטיסי אשראי, ניתן לבחור מה להסתיר. element_footer_icons_mobilenew

בהצלחה!