Как применить слайдер Slick в Magento

Question

Я новичок в Magento и сегодня пытаюсь подать заявку Гладкий слайдер на мой сайт Magento в качестве специального модуля.

Я создал пустой модуль с простым «эхом» и HTML, и все они работали хорошо.Однако я не знаю, что делать с каталогом Slick.Должен ли я поместить его в корневой каталог сайта или куда-нибудь еще?И после этого, как я могу применить эти J и Css в свой модуль?

Пожалуйста, дайте некоторые рекомендации

Answer 1

Я не знаю, что делать с каталогом Slick.

Согласно рекомендациям Magento, вы должны поместить эту папку слайдера в папку skin каталог.Однако, помещая это под lib папка тоже в порядке и будет работать.Но я рекомендую skin каталог.

Итак, поместите файлы CSS JS в skin\frontend\[package]\[theme]\slick_slider\*

Как я могу применить эти Js и Css в свой модуль?

Следующий шаг — определить XML-файл обновления макета внутри вашего модуля.Для этого добавьте этот фрагмент в файл вашего модуля config.xml файл.

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

Теперь используйте этот файл, чтобы добавить файлы, специфичные для слайдера (css и js), в раздел заголовка.

Файл : app\design\frontend\[package]\[theme]\layout\{namespace_module.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

.

Для добавления файлов в головке в вашем файле 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>

.