Footer magento

décembre 5, 2009 35 Commentaires

Suite au précédent tutoriel sur l’intégration de la page d’accueil de magento, nous allons voir comment modifier le footer de magento . Ajout et suppression d’éléments du footer.

Le footer magento original

Voici le footer après une installation de magento. Celons la charte graphique de l’intégration d’une maquette, tous ne sont pas nécessaires, nous allons supprimer certains éléments ou liens.

Le footer magento après une installation

Le footer magento après une installation

Suppression de la recherche avancée

Pour les sites avec peu de référence, inutile d’avoir une recherche avancée. Pour la supprimer même principe que pour les liens du header il faut modifier les layout de magento.
Dans magento\app\design\default\default\buggy\layout\catalogsearch.xml commenter cette ligne

<action method="addLink" translate="label title" module="catalogsearch"><label>Advanced Search</label><url helper="catalogsearch/getAdvancedSearchUrl" /><title>Advanced Search</title></action>

about-magento-demo-store et customer-service

Ces liens on les cherche souvent au début, ils sont bien cachés, il s’agit de lien placé dans un bloc statique => CMS blocs statiques footer links. Désactivez le bloc statique. Vous pouvez ajouter des liens ou les changer.

Supprimer plan du site sitemap du footer

Dans le alyout catalog.xml commenter :

   <reference name="footer_links">
            <action method="addLink" translate="label title" module="catalog" ifconfig="catalog/seo/site_map"><label>Site Map</label><url helper="catalog/map/getCategoryUrl" /><title>Site Map</title></action>
        </reference>

Supprimer Orders and Returns dans le footer

La gestion de cette partie ( appel au layout, ajout de lien. ) ce fait dans le layout sales.xml.
Pour supprimer le lien, commentez cette partie.

    <default>
        <reference name="footer_links">
            <block type="sales/guest_links" name="return_link"/>
            <action method="addLinkBlock"><blockName>return_link</blockName></action>
        </reference>
    </default>

Copyright

La suppression du copyright et about magento s’effectue dans le back office de magento => systeme configuration general design => pied de page Copyright.

Supprimer Aidez-nous à améliorer Magento – Signaler un dysfonctionnement

Cette information est dans le fichier footer.phtml

        <p class="bugs"><?php echo $this->__('Help Us to Keep Magento Healthy') ?> - <a href="http://www.magentocommerce.com/bug-tracking" onclick="this.target='_blank'"><strong><?php echo $this->__('Report All Bugs') ?></strong></a> <?php echo $this->__('(ver. %s)', Mage::getVersion()) ?></p>

Ajout d’éléments dans le footer

Pour l’intégration de la maquette magento sur les buggy j’ai du rajouter des éléments dans le footer, la newsletter, et du texte « qui sommes nous » voici comment j’ai procédé.

Pour le texte je l’ai simplement rajouté dans le template footer.phtml

Ajout newsletter dans le footer

Ajout dans le layout page.xml d’un block dans le block du footer

 <block type="newsletter/subscribe" name="footer.newsletter" as="footer.newsletter" template="buggy/subscribe.phtml"/>

J’ai dupliqué le template newsletter que j’ai placé dans un dossier template/buggy/subscribe.phtml. j’ai modifié quelques éléments CSS de ce template pour l’intégrer dans le footer.

Footer magento apres les modifications

Footer magento apres les modifications

Création de site magento
35 commentaires : “Footer magento”
  1. Holan dit :

    Effectivement les liens du footer je les ai cherchés longtemps. Je comprends mieux le système de layout et comment Magento structure les éléments. Combien d’heures pour maitriser Magento?

  2. Julien dit :

    Salut Cédric,

    Superbe tutoriaux, j’apprends beaucoup de chose grâce à toi.
    Continue comme cela je me régale de suivre tes cours que j’ai grandement besoin en ce moment, n’hésite pas à me contacter de temps à autres.

    Tchao, Julien de Perpignan.

  3. admin dit :

    Bonjour
    Pour maitriser magento il faut du temps , maitriser ou expert sont de bien grands mots c’est très vaste magento. Pour te répondre disons qu’il faut quelque mois intensif pour commencer a bien s’en servir je parle intégration de maquette et développement léger, intermédiaire. Après pour du développement poussé, pour des gros modules il faut un peu plus de temps pour se plonger dans le coeur du code.
    Tout ceci est bien sur dépendant du niveau que l’on a quand on approche magento.
    Si tu connais Degas Zend (Model vieux controller MVC), la programmation objet c’est plus facile.
    Quel est ton objectif avec magento , design ? Code ? Ou les deux?

  4. Julien dit :

    Hé bien en fait j’ai un objectif, c’est de faire marcher Magento correctement et de pouvoir lui intégrer des images dans les colonnes, de nouveaux blocs statiques pour commencer.

  5. admin dit :

    Magento marche correctement d’origine :) pour les images dans les colonnes tu as les blocs statiques oui ou les templates.

  6. VR... dit :

    Je me permets un petit complément pour aider à ajouter des blocs statiques dans le footer (valable pour d’autres endroits du site).
    C’est une demande très courante.

    1- Créer un bloc statique dans le back-office (CMS > Blocs Statiques) et bien se souvenir de l’identifiant que vous lui donnez. Disons « liens-footer »

    2- Mettre le contenu et si on veut des liens renvoyant vers d’autres pages du site comme une fiche produit par exemple (voir plus bas pour quelques tips & tricks)

    3- Appeler ce bloc dans le fichier app/design/ /

  7. marc dit :

    j’ai suivi ta méthode pour le footer mais la newsletter n’y apparait pas en gardant le template par défaut :s

  8. cédric rousset dit :

    Salut marc,
    Quel code tu as utilisé ? magnto génère message d’erreur dans le footer ?

  9. laurence dit :

    Bonsoir, quelqu’un aurait il une idée de la procédure à suivre pour supprimer la phrase « help us… report all bugs.. » dans ce fameux footer
    merci de votre aide !

  10. cédric rousset dit :

    Bonjour, laurence
    Pour supprimer aidez nous à améliorer magento. Il faut allez dans le fichier footer de ton theme => appd/design/frontent/default/tontheme/template/page/html/footer.phtml
    et supprimer la ligne p class=bug …..

  11. laurence dit :

    ok je vais essayer! un grand merci de prendre le temps de me répondre! quelle aide précieuse ;-) )

  12. cédric rousset dit :

    magento n’est pas facile à apprendre, un peut d’aide ne fait pas de mal :)
    si tu as des questions n’hésites pas

  13. marvin dit :

    Salut Cédric et beau travail ! Tes explications sont claires et m’ont beaucoup aidées !

    J’essaie de mettre du html dans le fichier footer.phtml (pour diviser mon pied de page en 3 colonnes avec du texte dedans) mais rien ne change. J’ai pourtant désactivé la cache.

    Je fais des changements dans les layout pas de problème, des changements dans les css, pas de problème mais les changements dans les fichiers phtml, rien. Une petite idée ?

  14. cédric rousset dit :

    Bonjour, marvin, tu es sur que tu travaille dans le bon footer.phtml ? Pour cela active le chemin des gabarit ou regarde le code source de ta page.

  15. facefull dit :

    apres l’installation de magento j’ai les liens pour
    customer service et contact us sur une ligne
    et les liens pour
    la recherche le plan du site etc … sur une autre ligne
    d’ailleurs sur l’illustration de ce post en haut de la page on voit bien que les deux bloques ne sont pas separer par le petit trait | .
    Comment mettre tout ces lien du footer sur une mme ligne et tous bien proprement separer par | ?

  16. cédric rousset dit :

    Bonjour,
    Tu utilise un thème spécial ? normalement ça devrais être en ligne. Il suffit de l’arranger en modifiant le css qui gère les liens du footer.

  17. kikoo dit :

    Bonjour,
    dans le cadre d’un stage dans une entreprise je dois faire ajouter une boutique en ligne sur le site internet de l’entreprise.
    je voulais savoir si il est possible de mettre sur le site en question les fichiers et codes nécessaire juste pour la boutique?

  18. Adrien dit :

    Plus simplement pour tous les supprimer directement (sauf bloc statique) dans layout.xml:

  19. Theme dit :

    Bonjour,

    Je cherche à intégrer le block newsletter dans mon footer. J’ai intégrer la ligne de code dans ma page.xml hors cela ne fonctionne pas. Le chemin est celui de mon arbo et j’ai vidé mon cash.

    Une idée ?

    Autre question comment retirer « Commandes et retours » ? merci d’avance pour vos retours
    Cordialement

  20. cédric rousset dit :

    Bonjour,
    Il manque l’appel du block. Dans footer.phtml
    mettre < ?php echo $this->getChildHtml(‘footer.newsletter’) ?>

  21. Theme dit :

    Merci Cédric

    Dans ma page.xml après page/html_footer , j’ai placé ma ligne de code .

    Comme indiqué ci dessus dans footer.phtml j’ai place dans le div getChildHtml(‘footer.newsletter’) ?>.

    Résultat : rien ne s’affiche

    Cédric comment retirer « Commandes et retours » ? du footer

    Merci à toi

  22. Theme dit :

    Désolé Cédric j’ai résolu mon pb, comme souvent une erreur de chemin.

    Par contre peux tu me dire dans quel fichier retirer « Commandes et retours » ? du footer

    Merci à toi

  23. cédric rousset dit :

    C’est une nouvelle fonctionnalit, Essaye dans le layout sales.xml

        <sales_guest_form translate="label">
            <label>Returns</label>
            <reference name="root">
                <action method="setTemplate"><template>page/1column.phtml</template></action>
            </reference>
            <reference name="content">
                <block type="sales/widget_guest_form" name="guest.form" template="sales/guest/form.phtml"/>
            </reference>
        </sales_guest_form>
  24. Theme dit :

    Pour le lien « Commandes et retours  » ça ne donne rien !

    Au fait Cedric comment se fait-il que mon block newsletter s’affiche 2 fois ?

  25. cédric rousset dit :

    Regarde plus haut dans l’article je viens de le mettre à jour, tu trouvera l’explication.

  26. Theme dit :

    Bonjour Cédric,

    Oui il fallait le trouver que « sales/guest_links » soir en rapport avec le lien commande:-)

    Sais-tu ou trouver les liens « Plan du site » et « contact » du footer pour les dupliquer dans le header ?

  27. Theme dit :

    Cédric,

    Ok j’ai trouvé dans catalog.xml et contact.xml.

    Cordialement

  28. polo dit :

    Concernant la suppression de « orders and return » dans le footer, n’est il pas plus orthodoxe (si on veut rester « upgrade proof ») de gerer ça via local.xml dans le theme utilisé par la boutique ?

  29. cédric rousset dit :

    Oui polo si tu as construit ton thème comme cela Ce n’est pas toujours le cas notamment pour ceux comme odyo qui parte d’un thème acheté ou gratuit ( donc déjà construit ).

  30. Tutela dit :

    Comment avoir un footer dynamique, qui affiche des liens en fonction du produit qu’il affiche ?

  31. theme dit :

    Bonjour Cédric,

    Je me permet de vous faire un droit de réponse sur votre propos du 23 janvier concernant mon site http://www.odyo.fr.
    Vous dites que mon site est basé sur un thème acheté ou gratuit. C’est inexact.
    Pour votre information j’ai développé moi même mon site sous Magento et créé seul le webdesign.
    Il est normal de rectifier les erreurs et de dire la vérité. C’est chose faite, merci Cédric de votre compréhension.

  32. Cédric dit :

    Merci pour cet article qui m’a bien aidé pour la modification du footer d’un client.

  33. Zags dit :

    Bonjour, je cherche juste à modifier le mot  » Subscribe » impossible d’y mettre la main dessus que faire SVP ????

  34. Zags dit :

    C est reglé … ms merci qd meme !!!

Poster un commentaire

(obligatoire)

(obligatoire)