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

איך עלי להתחיל?

ראשית קרא את ההדרכות האלו:

איך להשתמש באזור הטמעת קודים - Konimbo Hybrid.

באיזה שפה JS אפשר לכתוב בהיבריד ובאיזה גרסה?

כדי לדעת איזו גרסה עדכית כרגע באתר יש לרשום  בקונסול את הקוד הבא:

console.log(jQuery.fn.jquery);

איך עושים פיתוח רספונסיבי?

עפ"י כללי bootstrap שעליהם אתרי קונימבו מבוססים.

איך אני מעלה תמונות להיבריד?

ישנם 2 אפשרויות:

1. להעלות את התמונה ישירות לממשק דרך תמונות וקבצים ולהעתיק את הלינק למקום הרצוי בקוד.

2. ראשית הקובץ צריך להיות מוגדר כ "קובץ עם משתנים".

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

לאחר שמירה זה יראה כך:  

ואז נוכל להשתמש במשתנה כך:

וכך זה יראה בקוד:

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

איך יודעים מה הקלאס או ID של אלמנט?

עמידה על האלמנט + לחיצה על הלחצן הימני בעכבר ולחיצה על "inspect" תביא אותך לחלון הבא:

לחצן ימני בעכבר על האלמנט יתן לך אפשרות להעתיק את הסלקטור:

איך מקבלים מידע על המוצר בדף המוצר?

יש להשתמש בJQ עם הסלקטור שמחזיק את המידע שאתה זקוק לו.

איך אני מכניס את הקוד שלי למקום ספציפי בדף מוצר?

ישנן מספר דרכים להטמיע קוד בתוך או מחוץ לאלמנט  מסוים בדף והן:

הטמעה לפני תגית ה- div:

$(‘div’).before(‘<p>text</p>’);

$(‘<p>text</p>’).insertBefore(‘div’);

הטמעה אחרי תגית ה- div:

$(‘div’).after(‘<p>text</p>’); 

$(‘<p>text</p>’).insertAfter(‘div’);

הטמעה בתוך תגית ה- div לפני סגירת התגית:

$(‘div’).append(‘<p>text</p>’);

$(‘<p>text</p>’).appendTo(‘div’); 

הטמעה בתוך תגית ה- div ישר אחרי פתיחת התגית:

$(‘div’).prepend(‘<p>text</p>’);

$(‘<p>text</p>’).prependTo(‘div’); 

איך אני עורך את קוד ה-html של דף המוצר?

באמצעות js.

איך ניתן לשלוף היבריד בדף ספציפי?

לחץ כאן.

מה לעשות אם קוד מ-hybrid לא נשלף באתר?

1. לנקות קאש באתר או בדף הספציפי עליו חל השינוי, אם מדובר בדף מוצר ניתן לשנות את מחירו דרך הממשק  ולרענן את הדף.

2. לנקות קאש בדפדפן.