В Magento 2 существует несколько способов для добавления модулем на страницы интернет-магазина своих скриптов JavaScript и файлов CSS.
Описанный ниже способ — самый простой. Он не является лучшим для всех ситуаций, но он прост для освоения и работает во всех ситуациях.
Внутри папки модуля (например, app/code/Rm/Core
) создайте файл view/<вид интерфейса>/layout/default.xml
Вместо <вид интерфейса>
поставьте либо «adminhtml
», если браузерные файлы требуется добавить к административной части, либо «frontend
», если браузерные файлы требуется добавить к витрине.
Пример файла view/<вид интерфейса>/layout/default.xml
:
<?xml version="1.0"?>
<page
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
layout="admin-1column"
xsi:noNamespaceSchemaLocation="../../../../../../../lib/internal/Magento/Framework/View/Layout/etc/page_configuration.xsd"
>
<head>
<link src="Rm_Core::core.js"/>
<css src="Rm_Core::core.css"/>
</head>
<body/>
</page>
В записи Rm_Core::core.js
и Rm_Core::core.css
вместо Rm_Core
укажите имя своего модуля.
Этот пример добавит в секцию HEAD
веб-страницы скрипт JavaScript core.js
и файл с правилами CSS core.css
.
Файлы core.js
и core.css
разместите в подпапке view/<вид интерфейса>/web
внутри папки модуля.