Intégration d’une maquette magento : page accueil

novembre 15, 2009 11 Commentaires

La page d’accueil de magento est une page statique, point d’entrée sur votre boutique. Elle réclame une attention toute particulière. Suite au précédent tutoriel sur l’ajout d’un template de gabarit en vue d’agencer la page d’accueil, nous allons voir dans ce tutoriel, comment créer une page d’accueil avec une structure différente. Voici l’aperçu de la page que nous allons intégrer à magento : (la maquette n’est pas complètement finie, pour les besoins du tutoriel je la poste en l’état, la version finale sera sûrement un peu différente, mais dans le même « esprit »).

design-magento-maquette

L’intégration de cette maquette sous magento fera l’objet de l’ouverture d’une nouvelle section sur bloggento « création de site magento« . Dans cette partie du blog, un site magento sera étudié de A à Z. Le premier site magento sera sur le thème du buggy. Il aura comme tag Buggy pour que vous puissiez suivre l’avancement du projet. Un gros module pour la location sera développé.Le site qui comprendra de la vente et location de buggy. La partie vente sera classique avec graphisme épuré et une suppression du « superflu » magento, pas nécessaire pour ce genre de site (whislist, comparateur..). Nous verrons comment retirer des liens du header, rajouter un lien accueil dans la barre de navigation et ce servir d’un template spécialement crée pour le site, en respectant ce tutoriel => magento ajouter un template agencement
La partie location demandera un module particulier.
je vous donne rendez vous dans le premier tutoriel de la section création de site magento pour suivre l’intégration de la maquette.

Ajouter des produits en page d’accueil

Pour ajouter des produits sur la page d’accueil de magento il faut créer une nouvelle catégorie, la rendre inactive, noter l’id de cette catégorie et y rattacher des produits.
Ensuite, dans le contenu de la page d’accueil ajouter ce code :
Pour ce code, j’ai copié list.phmtl , je l’ai renommé en list-accueil.phtml et placé dans un dossier template/perso. J’ai retiré la toolbar et le mode liste.

 
{{block type="catalog/product_list" category_id="5" name="accueil.magento" as="accueil.magento" template="perso/list-accueil.phtml"}}

Ou via les layout magento

<reference name="content">
	<block type="catalog/product_list" template="perso/list-accueil.phtml">
		<action method="setCategoryId"><category_id>15</category_id></action>
	</block>
</reference>

Liens complémentaires

Design magento, structure d’une page

Magento et les templates PHTML

Comprendre la notion de thème et interface

Footer magento

header magento panier

header magento intégration maquette

Design
11 commentaires : “Intégration d’une maquette magento : page accueil”
  1. Julien dit :

    J’ai un problème avec Magento lorsque je veux afficher les articles sur la page d’accueil, j’ai suivi les instructions pour pouvoir le faire:

    1/ Créer des produits
    2/ Créer une catégorie et lui associer les produits
    3/ J’ai ajouter ce code:
    {{block type=’catalog/product_list’ category_id=’7′ template=’catalog/product/list.phtml’}}
    4/ Et normalement je devrais vois s’afficher les produits sur l’accueil
    Et bien non, à la place j’ai ce message qui s’affiche:

    Aucun produit ne correspond à la sélection

    Quelqu’un a t-il le même problème.

    Merci.

  2. admin dit :

    Salut
    Le code est bon. Tu es sûr d’avoir une catégorie 7 qui contient des produits ?
    Pense à vider le cache app/var/cache supprime le dossier.
    Magento affiche ce message quand tu n’as pas de produit. Il est dans le phtml list.phtml
    < ?php echo $this->__(‘There are no products matching the selection.’) ?>

  3. admin dit :

    il faut que tes produits soient dans la default catégorie de magento.

    defaut-categorie
    categorie1
    – sous categorie
    – sous catégorie

    categorie2
    – sous categorie
    – sous catégorie

  4. lemjidos dit :

    Tu peut tester avec le code Suivant.
    En faite 2 dans cette exemple , C’est l’Id de defaut-categorie ::

    {{block type=’catalog/product_list’ category_id=’2_catégorie’ template=’catalog/product/list.phtml’}}

  5. lemjidos dit :

    Salut,

    Je cherche comment je peut afficher les catalogues et sous catalogue dans la page d’accueil et non pas les produits.

    Merci pour votre aide.

  6. superman dit :

    Salut
    je suis en train de faire un site magento et j’aurai aimer savoir si on créer des pages normale sans avoir d’article à vendre dessus?
    et si oui est-t-il possible d’avoir des lien sur ses pages?

    merci d’avances

  7. superman dit :

    si on peut*

  8. imene dit :

    bonjour,
    je veux afficher mes produits dans la page d’accueil,j’ai un problème je ne peux pas ajouter une catégorie car l’onglet catalogue–>manage category ne fonctionne pas svp pouvez vous m’aider?
    merci d’avance

  9. cédric rousset dit :

    Bonjour,
    Je te conseilles de trouver le source de l’erreur de la catégorie, car je te vois mail gérer un site magento sans accéder aux catégories…

  10. Rosangela dit :

    There`s an error on magento 1.7 cinummoty:Fatal error: Call to a member function addFilter() on a non-object in /app/code/community/Inchoo/Unicache/Helper/Data.php on line 6

  11. cédric rousset dit :

    Hello,
    you use a extension
    /community/Inchoo/Unicache/Helper
    llok your extension inchoo unicache. Desable it and test

Poster un commentaire

(obligatoire)

(obligatoire)