如何将 JavaScript 和 CSS 文件添加到 MagentoModule

how to add javascript and css files to magentomodule

本文关键字：文件 添加 MagentoModule CSS JavaScript      更新时间：2023-09-26

我创建了一个简单的magento模块。

现在我想自定义 css 和 javascript 文件，并在我的模块中使用它。我试图将文件添加到皮肤目录中，但我不了解它是如何工作的。

谢谢。

首先，你的布局文件应该放在app/design/frontend/{interface}/{theme}/layout/layout/中。
第二。如果只想在分组和简单的产品页面中添加 css 和 js 文件，请不要使用 <default> 布局句柄。使布局如下所示：

<?xml version="1.0"?>
<layout>
    <my_handle><!-- declare a custom handle so you won't duplicate the code -->
        <reference name="head">
            <action method="addJs">
                <script>vendor/qtip/jquery.qtip.min.js</script>
            </action>
            <action method="addCss">
                <stylesheet>vendor/qtip/jquery.qtip.min.css</stylesheet>
            </action>
        </reference>
    </my_handle>
    <PRODUCT_TYPE_simple><!-- layout handle for simple products -->
        <update handle="my_handle" /> <!-- include the handle you declared above -->
    </PRODUCT_TYPE_simple>
    <PRODUCT_TYPE_grouped><!-- layout handle for grouped products -->
        <update handle="my_handle" /> <!-- include the handle you declared above -->
    </PRODUCT_TYPE_grouped>
</layout>
相关文章：