widget magento 1/2

février 21, 2010 25 Commentaires

Introduction au widget de magento, grande nouveauté de la version 1.4 les widgets offrent une souplesse de mise en page et d’amélioration du site incomparable, ce qui nécessité avant une connaissance en code et facilement réalisable en quelques clics.

Plusieurs manières des les utiliser, soit-on créé une instance de widget soit on en télécharge un sur magento connect, on peut aussi développer un module spécifique. Nous allons voir dans ce tutoriel comment utiliser les widget présents après une installation de magento. Dans le prochain tutoriel nous allez voir comment créer une instance de widget ou comment en installer un à partir de magento connect.

Insérer un widget déjà présent dans magento

Dans une page CMS de magento. Exemple : vous pouvez insérer un widget grâce au menu du wysiwyg.
Vous avez le choix entre ces différents types de widget

insérer un widget

insérer un widget

Lien entre pages CMS (CMS page link)
CMS bloc statique(CMS static block)
Lien vers catégorie (Catalog category link )
Nouveaux produits (catalog new product list)
Lien vers produit (catalog product link)
Derniers articles comparés
Derniers articles consultés

Lien entre pages CMS (CMS page link)

Cliquer sur insérer un widget dans le wysiwys de magento.
Renseigner les éléments
- texte du lien
- titre du lien
- gabarit du lien (choix gabarit de type block ou inline)

Inserez un widget CMS page link, permet de faire lien vers des pages CMS

Inserez un widget CMS page link, permet de faire lien vers des pages CMS

Le lien s'insère dans la page CMS

Le lien s'insère dans la page CMS


par défaut l’alignement css est à gauche, vous pour le rectifier en modifiant le css magento :
.col-main .widget-cms-link

CMS bloc statique(CMS static block)

Ce widget insère des blocs statiques. Il faut en créer un préalablement sinon vous n’aurez de disponible que le bloc « footer » (qui est disponible après une installation de magento).
Pour le besoin du tutoriel j’en ai créer un nommés « bloc statique pour widget » avec comme texte « mon-block-pour-widget  »

sélectionnez un bloc statique

sélectionnez un bloc statique, le contenu du bloc statique sera inséré dans la page

Lien vers catégorie (Catalog category link )

Ce widget permet de faire un lien vers une catégorie voici comment le configurer

Ce widget insérera un lien vers une catégorie choisie

Ce widget insérera un lien vers une catégorie choisie

Widget nouveaux produits

Ce widget insèrera les nouveaux produits, les produits qui sont « nouveaux » (dans le back-office voir une fiche produit => produit nouveau du .. au ..). Vous pouvez choisir entre une mise en page en mode grille ou liste.

Ce widget inserer les produits nouveaux très facilement

Ce widget insèrer les produits nouveaux très facilement

Voici le résultat sur la page d’accueil de magento

Les nouveaux produits sont insérés facilement sur la page d'accueil grâce au widget

Les nouveaux produits sont insérés facilement sur la page d'accueil grâce au widget

Derniers articles comparés ,derniers articles consultés

C’est le même principe pour les derniers articles comparés ou consultés, le widget les affichera en mode grille ou liste. Vous pouvez indiquer le nombres d’articles que vous souhaiter voir apparaître.

ce widget permet d'afficher les derniers articles consultés, vous pouvez spécifier le nombre d'articles

ce widget permet d'afficher les derniers articles consultés, vous pouvez spécifier le nombre d'articles

Modifier un widget

Voici un aperçu du contenu de ma page CMS, c’est une succession de widget. Pour en modifier un, il faut double-cliquer dessus, ce qui activera le menu qui permet de le paramétrer.

Pour modifier les paramètres d'un widget il faut double cliquer dessus

Pour modifier les paramètres d'un widget il faut double cliquer dessus

Dans la seconde partie du tutoriel, nous verrons comment créer une instance de widget et comment en installer un à partir de magento connect.

Admin
25 commentaires : “widget magento 1/2”
  1. David dit :

    Bonjour
    les widget sont plus pour les débutants les développeurs Magento agueri maitrises déjà ces techniques dajiut de lien produits nouveaux….
    Quel widgets sont disponible sur Magento connect ?

  2. thibaut dit :

    bonjour,

    j’aimerai savoir comment faire pour par exemple avoir le meme style que les nouveaux produits pour des produits en promo ou alors les meilleurs ventes. merci d’avance.

  3. cédric rousset dit :

    Bonjour,
    Il faut le développer pas possible nativement, ou alors regarde du côtés de magento connect il existe peut être un module qui intègre ce genre de widget.

  4. thibaut dit :

    je recherche de l’aide encore. J’ai créé mon widget. En local nikel mais j’arrive pas à le voir sur le serveur. Une idée ??

  5. cédric rousset dit :

    Le widget ne fonctionne pas sur le serveur ? c’est a dire ? un message d’erreur? il faut en dire un peut plus :)

  6. thibaut dit :

    oui desolé, en fait je l’ai créé sur mon site en local (widget pour les produits en promo) il marche tout est cool. Donc je me dis c’est bon envoi yu peux le mettre en ligne alors j’envoi mes fichiers un par un et quand je fais sur ma page cms pour inserer mon widget il n’apparait pas dans la liste des widgets. Voilà le souci. Dans configuration avancé il est activé, mais je ne le voit pas dans ma liste de widget. Vidage de cache, vidage de session etc etc….

  7. cédric rousset dit :

    Je comprends pas quel fichier tu transfère du serveur local vers le distant. Les widget sont nativement dans magento pas besoin de transférer ton travail local.
    IS c’est le widget pour avoir des nouveau produit (il ne faut pas oublier de stipuler les nouveaux produit).

  8. thibaut dit :

    j’ai créé un widget qui filtre les produits en promo. Donc qui n’est pas nativement dans magento. Donc je voudrai pouvoir l’utiliser. D’où le transfère de fichier.

  9. BERTHE dit :

    Bonjour Cédric,
    Je voudrais savoir comment me prends si je veux avoir un widget produits récemment consultés sans images dans un bloc comme celui vous avez fait sur http://www.antiquitoys.fr/.
    Merci

  10. BERTHE dit :

    A la page d’accueil bien sûr!

  11. cédric rousset dit :

    Bonjour,
    Le module dernier produit consultés sur la colonne de droite ? Si c’est de ça que vous parlez c’est par défaut dans magento. Sinon contactez moi par e-mail pour me donner plus de précisions.

  12. lemjidos dit :

    Salut
    Comment je peut télécharger l’extension de widget de Nouveau produit ???

    merci d’avance

  13. cédric rousset dit :

    Bonjour,
    Pas besoin de la télécharger c’est dans les version 1.4 de magento.

  14. Tony dit :

    Bonjour,
    Je viens d’installer ce widget, et bien qu’ayant des produits aux statuts nouveau rien n’apparait sur la page d’accueil.

    J’affiche des produits ayant un attribut créé spécialement (featured) mais pas les nouveautées.

    Quelqu’un a t’il une idée s’il vous plait ?

  15. cédric rousset dit :

    Bonjour,
    Tes produits nouveaux on une plage de date active => du 01/02/08 au 31/02/08 ?
    Est ce qu’ils sont en stock ? Avec un statut activé ? Dans l’onglet inventaire => disponibilité en stock. Et une quantité supérieure à 0 ?

  16. Orisonic dit :

    Bonjour Cédric,

    Merci pour le tuto.

    [quote]Bonjour,
    Tes produits nouveaux on une plage de date active => du 01/02/08 au 31/02/08 ?
    Est ce qu’ils sont en stock ? Avec un statut activé ? Dans l’onglet inventaire => disponibilité en stock. Et une quantité supérieure à 0 ?[/quote]

    C’est ce que j’ai fait. Il apparait. Par contre si je fais une mofification du nom du produit… le produit disparait des nouveaux produits ? Avez-vous une idée du bug ?

    Merci par avance

    Orisonic

  17. cédric rousset dit :

    Bonjour,
    Aucune idée, je n’ai jamais eu ce beug. Le champs date se vide après les modifications ?

  18. Orisonic dit :

    Non les dates ne disparaissent pas.
    J’ai tenté de les modifier, de désactiver et de réactiver le porduit… mais il n’apparait pas en nouveaux produits.

    Est-ce que dans ce cas, il est possible de construire un « widget maison » pour éviter ce problème ?

    Merci par avance

    Orisonic

  19. cédric rousset dit :

    Bonjour,
    Oui ça doit être possible, mais je connais pas bien les widgets j’ai très peut travaillé dessus.

  20. Guillaume dit :

    Bonjour,

    Je viens de faire une nouvelle install 1.5.0.1 avec le thème modern. Aucun fichier n’a encore été modifié.
    J’essaie d’insérer un widget dans ma page CMS « home » afin d’afficher les nouveaux produits, mais rien ne s’affiche. Alors que j’ai mis des périodes de nouveautés pour certains produits.

    Ai-je oublié de faire quelque chose?
    Merci.

  21. cédric rousset dit :

    Bonjour,
    Peut être un beug de magento 1.5. Essaye d’ajouter tes produits nouveaux via le xml
    http://bloggento.fr/nouveaux-produits-les-mettre-en-avant-avec-new-phtml-/2329

  22. Guillaume dit :

    Bonjour Cédric,

    Le souci est que dans le thème « modern » de la 1.5.0.1, il n’y a pas de fichier template\catalog\product\new.phtml

    J’ai l’impression que les thèmes ont changé de structure.

    Aurais-tu une idée?
    Merci.

  23. cédric rousset dit :

    Il faut recopier le fichier new dans un autre dossier et tester

  24. Allande dit :

    Bonjour

    Il y a un bug pour insérer des widget sur les pages CMS (magento 1.5.1) :

    Message d’erreur

    el is null

  25. tsarinka dit :

    Bonjour Cédric, cela fait un petit moment que je cherche comment supprimer ajouter à la liste d’envie et ajouter au comparateur dans mon widget de produits ? d’avance merci pour ta précieuse aide !

Poster un commentaire

(obligatoire)

(obligatoire)