LE DESIGN MAGENTO : LE GRAPHISME
Vous avez un profil designer le graphisme sous magento vous intéresse, vous voulez comprendre comment sont structurées les pages de magento ? Cette
partie du blog contient des tutoriels sur le design et le graphisme de magento. Vous trouverez aussi des tutoriels sur l'amélioration de pages précises ou l'ajout d'élément visant
a améliorer le graphisme (flash, slideshow, ..) bon design ;)
Si vous débuter avec magento lisez les tutoriels suivant, qui vous permettront de comprendre comment magento structure les pages :
- Design magento structure d'une page
- theme et interface de magento
- layout 1/2
- layout 1/2
- les templates de magento
- les CSS de magento
L'ensemble de ces tutoriels vous permettront de comprendre comment fonctionne la partie graphique de magento. Vous pouvez également vous référer au
designer guide de magento.
Si vous rencontrez des difficultés laissez un commentaire
Vous pouvez également vous référer à la partie création de site magento du blog.
Tutoriels pour la categorie Design
décembre 13, 2013
Le poids d’une page html en 2013 ? C’est un vaste sujet. Dans ce billet je vais particulièrement parler de magento et de mauvaise pratique. Ça peut compléter les bonnes conférences du 12/11 à Paris. J’aime bien analyser des sites magento récent et je regarde régulièrement l’optimisation faite sur ces sites et le poids des pages. ...
Design
juin 19, 2011
Un petit nouveau dans la famille google le bouton vote + 1 similaire au bouton de vote de facebook. On prétend que celui-ci sera pris en compte par google pour le classement du site ( oulala si c’est pas un super argument marketing pour nous inciter à l’utiliser j’y connais rien ). Je l’ai implémenté ...
Design
janvier 26, 2011
Il est parfois judicieux de rajouter un bloc dans la structure de page magento. Les pages de structures (Les page 2columns-left; right….. ) présente dans magento ne permettent pas de faire tous les agencements que l’ont veut. Nous avons vu dans un précédent tutoriel comment ajouter un nouveau template d’agencement. Nous allons voir dans ce ...
Design
novembre 19, 2010
Petit beug css avec internet explorer 8, la recherche autoscroll apparait avec un décalage de 200px. Voir le beug sur ce site magento entrez dans le champ de recherche « son » l’autoscrool de recherche apparait sous Ie8 en dehors de la page. Supprimer le beug Css Ie8 autosearch décalé sous IE8 Pour fixer le ...
Design
juillet 4, 2010
Point faible de magento la page onepage, (les 6 étapes nécessaires pour confirmer et régler ça commande). En analysant les statistiques analytics magento, on s’aperçoit que certains clients quittent le site pendant ce processus. Embêtant, car, ils ont validé leurs paniers et ils s’apprêtaient à remplir leurs informations personnelles de livraison et payer. C’est pourquoi ...
Design
avril 3, 2010
J’avais écrit il y a quelques mois ce tutoriel sur les thèmes interfaces (ou paquet). Quelques nouveautés ont fait leur apparition depuis la version 1.4 de magento. Sur les forums, différentes théories circulent sur l’utilité de ce nouveau système de template. Voici ma théorie et la façon dont je procède. Ce qui change dans le ...
Design
février 24, 2010
J’écris ce tutoriel pour relater le problème de css rencontré lors de l’intégration d’une maquette. Lors d’un import de template encodé sous notepad ++ en utf8 le navigateur fait apparaître des caractères exotiques qui génèrent un décalage. Le caractère étant invisible dans le navigateur difficile de trouver. J’ai déjà eu ce problème de décalage dans ...
Design
février 14, 2010
Elle est sortie la tant attendue version 1.4 de magento quelles sont les nouveautés de cette version ? Nous allons voir brièvement quelques nouveautés de cette version, d’autres tutoriels viendront compléter celui-ci, ils seront tagger 1.4 La version 1.4 l’accent mis sur la simplicité d’utilisation L’accent et mis sur la simplicité d’utilisation du back-office de ...
Design
décembre 20, 2009
Le blog comptabilise une soixantaine de tutoriels sur magento, j’ai reçu plusieurs mails me demandant par quel tutoriel commencer quand ont débute avec magento, d’où cet article pour aiguiller les débutants. Tutoriels magento pour débuter Tutoriel sur l’installation de magento, et sa traduction. La première chose que l’ont fait c’est modifier la page d’accueil en ...
Design
décembre 11, 2009
Comment débeuguer le CSS de magento pour les navigateurs IE6 et IE7 ? Le code CSS de magento est compatible avec ces navigateurs, les choses se compliquent lorsque l’on rajoute des éléments CSS, il se peut que des beug apparaissent. CSS magento et Internet explorer IE Incontestablement, le navigateur qui pose le plus de problèmes ...
Design