Как применить слайдер Slick в Magento
Вопрос
Я новичок в Magento и сегодня пытаюсь подать заявку Гладкий слайдер на мой сайт Magento в качестве специального модуля.
Я создал пустой модуль с простым «эхом» и HTML, и все они работали хорошо.Однако я не знаю, что делать с каталогом Slick.Должен ли я поместить его в корневой каталог сайта или куда-нибудь еще?И после этого, как я могу применить эти J и Css в свой модуль?
Пожалуйста, дайте некоторые рекомендации
Решение
Я не знаю, что делать с каталогом 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 и скрипт, специфичный для слайдера, в любой файл шаблона вашего модуля.
надеюсь, это поможет
Другие советы
для 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>
.