如何将Slick slider应用于Magento

Question

我是一个Magento新手，今天我正在尝试申请 光滑滑块 到我的Magento网站作为自定义模块。

我用一些简单的'echo'和HTML创建了一个空白模块，它们都工作得很好。但是，我不知道如何处理光滑的目录。我应该把它放在网站根目录还是某个地方？在那之后，我如何将这些Js和Css应用到我的模块中？

请提供一些指导

Answer 1

我不知道如何处理slick目录

根据玛格诺最佳实践，您应该将此滑块文件夹放在skin目录下。但是，在lib文件夹下施加这一点也很好，并将起作用。但我推荐生成的世代icetagcode目录。

所以将CSS js文件放在skin

中

如何将那些js和css应用于我的模块

下一步是在模块中定义布局更新XML文件。为此，在模块的skin\frontend\[package]\[theme]\slick_slider\*文件中添加此代码段。

<config>
    <frontend>
        <layout>
            <updates>
                <{namespace_module}>
                    <file>{namespace_module}.xml</file>
                </{namespace_module}>
            </updates>
        </layout>
    </frontend>
</config>

.

现在使用此文件将滑块特定文件（CSS和JS）添加到Head部分

文件：config.xml

<layout>
    <{layout_update_handle_you_need}>
        <reference name="head">
            <action method="addItem">
                <type>skin_css</type>
                <item>slick_slider/slick.css</item>
            </action>
            <action method="addItem">
                <type>skin_css</type>
                <item>slick_slider/slick-theme.css</item>
            </action>
            <!-- add jquery if not present -->
            <action method="addItem">
                <type>skin_js</type>
                <item>slick_slider/slick.min.js.css</item>
            </action>
        </reference>
    </{layout_update_handle_you_need}>
</layout>

.

现在将HTML和脚本放在模块的任何一个模板文件中的滑块特定于滑块。

希望有助于

Answer 2

对于js添加到

base/js/modulename/   //put you js file here

对于css添加文件到

base/skin/frontend/default Or Base/default/css/modulename/  //put css file here

用于在head中添加文件 module layout 档案。你可以像这样添加css和js文件

<?xml version="1.0"?>
<layout version="0.1.0">
    <default>
      <reference name="head">
        <action method="addCss"><stylesheet>css/modulename/style.css</stylesheet></action>

        <action method="addJs"><script>modulename/search.js</script></action>

      </reference>
</default>
</layout>