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

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

אלה השלבים של בניית גרסת מובייל:


1. בהגדרות מתקדמות לחנות: סמנו את "Mobile lazy"

2. בדף "עריכת החנות" בממשק הניהול, בשדה "gauges_code" הכניסו את הטקסט mobilenew

3. מייבאים מהחנות mobilenewelements (או מחנות קלאסית אחרת) את האלמנטים:

element_header_loading_page_mobilenew

main_nav_bg_mobilenew

element_header_waze_mobilenew

element_general_infinitescroll_mobilenew

element_header_color_theme_mobilenew   ----- באלמנט זה אתם צריכים למלא את הצבע הראשי של האתר, לפי הסקיצה של האתר.

mobile_order_page


אם יש לכם עגלה צפה בחנות אז מייבאים (לא מ-mobilenewelements, כי אין את האלמנט שם) גם את האלמנט:

element_special_storage_cart_with_upgrades_mobilenew


אם הלוגו שלכם הוא לבן ולא רואים אותו על רקע לבן מייבאים גם את האלמנט:

element_header_black_header_mobilenew



את האלמנטים הבאים מייבאים לדף הבית בקבוצה 11 (כל אלמנט בדף הבית ששולפים בקבוצה 11 יישלף רק במובייל)

אם יש לכם סליידר באתר, מייבאים מחנות קלאסית אחרת את אלמנט הסליידר (שמופיע בקבוצה 11):

element_general_bootstrap_slider_mobilenew

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


אם יש לכם קטגוריות מעוצבות באתר, מייבאים מחנות קלאסית אחרת את אלמנט הקטגוריות המעוצבות (שמופיע בקבוצה 11):

element_general_images

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


מייבאים מחנות קלאסית אחרת את אלמנט גריד המוצרים (שמופיע בקבוצה 11):

element_grid_items_responsive


וודאו שכל אלמנט שבקבוצה 11 נשלף ב-homepage_layout_x. אם לא, כנסו לאלמנט ושנו זאת.

יש לוודא כי האתר עובד לפי layout_x או אחר.

דוגמא מתוך חנות קלאסית קיימת: