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

Design

Design magento, structure d’une page

octobre 28, 2009 17 Commentaires

Une fois magento installé vous aimeriez apporter quelques modifications graphiques, modifier votre design. Magento offre une très grande souplesse à ce niveau. Avant tout il vous est nécessaire de connaître quels fichiers de votre theme sont utilisés pour structurer une page. Lorsque que l’on débute sur magento on est souvent perdu devant le nombre d’éléments ...

Design

Les layouts magento partie 2

octobre 24, 2009 12 Commentaires

Suite au précédent tutoriel sur l’introduction au layout, voici un complément pour comprendre comment magento regroupe les différentes vues possibles pour un module dans un même layout (Pour le module recherche de magento il y a plusieurs vues frontend, la page index de la recherche, la page result). Dans ce tutoriel nous allons étudier le ...

Design

CSS et magento

octobre 23, 2009 Pas de Commentaires

Magento regroupe les fichiers CSS dans le dossier SKin de votre thème => skin/frontend/default/default/Css. Après une installation de magento, le CSS principal et boxes.css. Nous allons voir dans ce tutoriel, comment magento charge les fichiers CSS et comment rajouter un fichier CSS à partir d’un layout ou du back-office. Comment magento charge les CSS Après ...

Design

Changer le favicon de magento pour un design personnalisé

octobre 19, 2009 4 Commentaires

Le design de votre site n’a sûrement pas besoin du favicon de magento. Le changer permet d’une part en phase de développement de mettre de l’ordre dans nos onglets du navigateur, et d’autre part de différencier la partie frontend du backend de notre site et de ne pas confondre votre site avec celui du site ...

Design

Magento et les templates PHTML

octobre 13, 2009 3 Commentaires

Dans magento les templates sont un mélange de code html, CSS, et php,. Ils peuvent également contenir du javascipt. Ils forment les PHTML, qui sont le rendu visuel des pages. Le code php correspond aux méthodes et variables contenues dans le noyau de magento (le core). Les templates de « gabarits » ont une plus grande importance, ils ...

Design

Layout et magento partie 1

octobre 11, 2009 19 Commentaires

Les layout sont des fichiers XML qui définissent la structure d’une page. Ils définissent les différents blocks d’une page et forment une structure de blocks imbriqués. Ils permettent de modifier l’agencement des pages, d’ajouter, retirer,déplacer des éléments (blocs) et ajouter des fichiers CSS, JS . Ils se trouvent dans app\design\frontend\default\default\layout. Chaque module possède son layout comme catalog.xml ...

Design

Installer un nouveau thème : Magento Classic Theme A

octobre 11, 2009 Pas de Commentaires

Installer un nouveau thème dans magento est rapide. Il suffit de le télécharger, et de l’ajouter à magento en suivant les recommandations du créateur. Vous disposez d’un large panel de thèmes gratuits ou payants. Nous allons voir dans ce tutoriel comment installer le Magento Classic Theme. En savoir plus sur les themes. Installation du nouveau ...

Design

Flash et magento, importer un SWF

octobre 9, 2009 8 Commentaires

Importer un fichier Flash dans magento est utile pour animer sa boutique. Des extensions existent. Dans ce tutoriel, nous allons voir comment importer manuellement  un fichier flash sur la page accueil. L’import du swf se fera avec la méthode recommandée par adobe SWFoject.js Les prérequis : swfobject.js, un fichier swf, pour notre tutoriel => flash.swf, ...

Design

Comprendre la notion de theme et interface magento

septembre 26, 2009 6 Commentaires

Personnalisez votre site avec magento en fonction des saisons, d’opérations promotionnelles, ou de dates. Les possibilités sont variées. Vous pouvez  avoir  un site en multilingue avec un design différent pour chaque langue, un design différent en fonction des saisons pour Noël ou la Saint Valentin, plusieurs boutiques avec design différent, etc. Comment organiser toutes ces possibilités ...

Design
Page 2 of 2«12