link-in - רשומות קוד

חפש את הקוד שלך >

הוספת קובץ JS למגנטו

1. יצירת תקיה בשם המודל ב design

requirejs-config.js – יצירת הקובץ בתקייה הראשית,שם המודול ללא ::


var config = {
    paths: {
        'select2': 'Magento_Contact/js/select2.min',
    },
    shim: {
        'select2': {
            deps: ['jquery']
        }
    },
};

2. הכנסת הקובץ הרצוי לתקיה

Magento_Contact/web/js/select2.min.js

            <block class="Magento\Cms\Block\Block" name="shipments.and.returns.tab" template="Magento_Catalog::product/view/ShipingReturns.phtml" group="detailed_info" >
                <arguments>
                   <argument translate="true" name="title" xsi:type="string">shipments and returns</argument>
                   <argument name="at_call" xsi:type="string">getShipments_and_returns</argument>
                   <argument name="at_code" xsi:type="string">shipments_and_returns</argument>
                   <argument name="css_class" xsi:type="string">shipments_and_returns</argument>
                   <argument name="at_label" xsi:type="string">shipments_and_returns</argument>
                    <argument name="block_id" xsi:type="string">shiping_returns</argument>
                </arguments>
            </block>

3.CSS

Magento_Contact\web\css\select2.min.css – מיקום הקובץ בתקיה

4.XML

Magento_Contact\layout\contact_index_index.xml

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="1column" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <head>
        <title>Contact Us </title>
        <css src="Magento_Contact::css/select2.min.css" />
    </head>
    <body>
    </body>
</page>

לשים לב שיש צורך ב:: בשם המודול