Comment appliquer de la Nappe de curseur pour Magento

Question

Je suis un Magento débutant et aujourd'hui, je suis en train d'essayer d'appliquer La Nappe De Curseur pour mon site Magento comme un module personnalisé.

J'ai créé un module vide avec quelques simples 'echo' et HTML, et ils ont tous bien travaillé.Cependant, je ne sais pas quoi faire avec la Nappe de l'annuaire.Dois-je le mettre dans le site répertoire de racine ou quelque part?Et après cela, comment puis-je appliquer ces Js et Css dans mon module?

Veuillez donner des conseils

Answer 1

Je ne sais pas quoi faire avec le répertoire de la Nappe de

Comme par Magento meilleures pratiques, vous devez placer ce curseur dossier sous skin répertoire.Cependant puting en vertu de cette lib le dossier est aussi très bien et fonctionne.Mais je recommande skin répertoire.

Donc, mettez votre css, fichiers js dans le skin\frontend\[package]\[theme]\slick_slider\*

Comment puis-je appliquer ces Js et Css dans mon module

La prochaine étape est de définir la mise en page de mise à jour de fichier xml à l'intérieur de votre module.Pour cela, ajoutez ce morceau de code à l'intérieur de votre module config.xml fichier.

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

Maintenant, utilisez votre ce fichier pour ajouter un curseur spécifique fichiers (css et js) à la tête de la section

Fichier : 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>

Maintenant mettre de l'html et le script spécifique pour le curseur dans un fichier de modèle de votre module.

Espère que ça aide

Answer 2

pour le js ajouter dans

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

pour ajouter un fichier css dans

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

pour ajouter des fichiers dans la tête en vous module layout fichier.vous pouvez ajouter les fichiers css et js comme ça

<?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>