Magento 2 Form Validation
נתיבים: jquery/validate : lib/web/jquery/jquery.validate mage/validation : lib/web/mage/validation.js mage/validation/validation : lib/web/mage/validation/validation.js דוגמאות לסוגי המימוש האפשרים : https://devdocs.magento.com/guides/v2.4/frontend-dev-guide/validations/custom-form-validation.html מימוש בתוך אלמנט data-mage-init='{"validation": {}}' תגית script בתוך הקובץ: fds
js
הכנסת קבצים: data-mage-init : טוען את הקבצים אחרי עלית הDOM. דוגמה : https://devdocs.magento.com/guides/v2.3/javascript-dev-guide/javascript/js_init.html
CSS
מדריך ליצירת תבנית מודות – להוספה או דריסה של העיצוב https://devdocs.magento.com/guides/v2.4/frontend-dev-guide/css-guide/css_quick_guide_approach.html נתיב ראשי למשתני מגנטו הנתיב של הדריסה בתבנית החדשה LESS – פונקציות למימוש px to rem יש לחלק ל10 הכל צריך להיות בREM מלבד גודל הדיב שאחראי על הרוחב הכללי continer
module structure
מודול – מבנה תקיות תיקיות הבסיס למודול במגנטו הגדרות XML לבנית המודות etc/module.xml לא לשכוח _vandor registration.php לא לשכוח _vandor בדיקה אם המודול פעיל – שם ראשי + שם המודול Controller Controller/Index/Index.php routers.xml – etcfrontendroutes.xml <?xml version="1.0"?><config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:App/etc/routes.xsd"><router id="standard"> <route id="custommodule" frontName="custommodule"> <module name="Anagal_CustomModule"/> </route></router></config> id & frontName – אותיות קטנות הבלוק BlockHello.php שם …. Read More
Flex-box
display:flex מגדיר את האלמנט בנקודות: flex-directions: סוג השורה או העמודה וכו' alingn-items – ציר הגובה Y justify-content – ציר רוחבי X flex-direction flex-direction:row – דיפולט מתנהג כמו בלוק,ניתן לשנות לבנה טבלה או להפוך סדר תצוגה וכו flex-wrap flex-wrap: wrap; – ישמור על האלמנטים בתוך הקונטיינר וירד שורה לפי חלוקת הגודל justify-content align-items align-items: stretch; – דיפולט לרוב …. Read More
מודולים – דריסה / יצירת מודול חדש (override)
חיפוש הבלוק המתאים מתוך הXML הראשי במידה ומדובר במודל ולא באזור בתבנית לחפש לפי שם המודול העתק שם התקיה הרצויה מקובת registration.php – פתיחת תקיה בשם הנדרש לדוג" : Magento_Searchבתוך התבנית החדשה שיצרנו.– יצירת 2 תיקיות משנה : layout , templates– ניתן לעבוד על referenceContainer או רק על referenceBlock תיקית layout : יצירת קובץ PHTML …. Read More
תבנית חדשה למגנטו
יצירת הקבצים ורישום התבנית https://devdocs.magento.com/guides/v2.4/frontend-dev-guide/css-guide/css_quick_guide_approach.html בהתקנה תקינה התבנית תופיע במערכת הניהול אחרי זה יש לבחור את התבנית בהגדרות כדיפולט דריסת LESS של מודול
מגנטו קטעי קוד שימושים
reindex -= שימושי לאחר שינוי מחירים compile
התקנת מגנטו
התקנת מערכת מגנטו על שרת התקנת קומפוסר ביטול Elasticsearch ביטול TwoFactorAuth משיכת קבצים עם הקומפוזר – כ10 ד לורם איפסום דולור סיט אמט, קונסקטורר אדיפיסינג אלית לפרומי בלוף קינץ תתיח לרעח. לת צשחמי צש בליא, מנסוטו צמלח לביקו ננבי, צמוקו בלוקריה. הרצת התקנה מהקומפוזר הגדרות לקובץ PHP.INI לורם איפסום דולור סיט אמט, קונסקטורר אדיפיסינג אלית …. Read More
props
העברה של props כמשתנה או העברה של פונקציה כ props הקומפונט הראשי (האבא) מעביר את ה props הפונקציה: handleDelete = () => { console.log('clicked'); } העברה : שימוש בשם הפעולה onDelete={this.handleDelete} קומפונט בן שמקבל את הפונקציה לפי השם שהעברנו onClick={this.props.onDelete}