을 적용하는 방법이 매끄러운 슬라이더를 Magento

Question

나는 초보자 젠토 및 오늘 내가 하려고 적용 매끄러운 슬라이더 내 젠토 웹사이트 사용자 지정 모듈이 있습니다.

내가 만든 모듈을 함께 몇 가지 간단한'에코'와 HTML 고 그들은 모든 잘했습니다.그러나,내가 알지 못하여 무엇을 매끄러운 디렉토리에 있습니다.을 둬야 하는 이 웹사이트에 있는 루트 디렉토리거나 어딘가?그 후,어떻게 적용할 수 있는 사람들 Js 및 Css 내 모듈?

시 일부 지침을 제공합니다

Answer 1

지 않아요 무엇을 알고 매끄러운 디렉토리

당 젠토 최고의 관행을이 슬라이더 폴더 밑에 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>

.