ستساعدك المقالة التالية: كيفية إضافة ملف JS مخصص في لوحة إدارة Magento 2
يستخدم Magento 2 مكتبة تتطلب JS ، أي أداة تحميل ملفات جافا سكريبت ، للعمل مع ملفات JS. ومع ذلك ، قد يطلب المطورون استخدام Javascript المخصص للحصول على ميزات إضافية لا يقدمها Magento 2 الافتراضي.
على سبيل المثال ، تتطلب الوحدة المخصصة وظائف مثل تحديد صورة ، واقتصاص صورة ، وعرض الرسوم البيانية ، وما إلى ذلك. هناك العديد من الميزات التي يمكن تنفيذها باستخدام Javascript وتحسين لوحة إدارة Magento 2. يمكنك أيضًا إضافة ملف Phtml مخصص في لوحة إدارة Magento 2 لإنشاء تخطيط جديد.
ومع ذلك ، للقيام بذلك ، تحتاج إلى اتباع الخطوات التالية من أجل إضافة ملف JS مخصص في لوحة إدارة Magento 2:
خطوات إضافة ملف JS مخصص في لوحة إدارة Magento 2:
- يخلق app / code / Vendor / Module / view / adminhtml / needjs-config.js ملف مع الكود التالي:
var config = {paths: {‘js-file-alias’: ‘Vendor_Module / js / js-file-name’} ، shim: {‘js-file-alias’: {deps: [‘jquery’]
}}}؛var config = {
مسارات: {
‘js-file-alias’: ‘Vendor_Module / js / js-file-name’
} ،
شيم: {
“js-file-alias”: {
الأقسام: [‘jquery’]
}
}
} ؛
- قم بتحميل ملف جافا سكريبت ملف في app / code / Vendor / Module / view / adminhtml / web / js /
- ضع الكود التالي في ملف .phtml ملف لتحميل ملف جافا سكريبت
يتطلب
- قم بتشغيل ما يلي أوامر:
إعداد php bin / magento: محتوى ثابت: نشر -f
إعداد php bin / magento: محتوى ثابت: نشر -f
php bin / magento cache: نظيف
php bin / magento cache: نظيف
Note: لا تنسَ استبدال Vendor و Module و js-file-alias و js-file-name بقيمها الخاصة.
اتبع هذه الخطوات لإضافة ملف Javascript في لوحة الإدارة لـ Magento 2. بالطريقة نفسها ، يمكنك أيضًا تحديث الإجمالي باستخدام JS في Magento 2.
أود معرفة الوظيفة التي أضفتها باستخدام هذه الطريقة في قسم التعليقات أدناه. أيضًا ، يرجى ذكر أي شكوك حول هذا الموضوع وسيسعدني تقديم المساعدة.
لا تتردد في نشر الحل على وسائل التواصل الاجتماعي ومشاركته مع زملائك المطورين.
شكرًا.
