magento design, graphisme

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 :

  1. Design magento structure d'une page
  2. theme et interface de magento
  3. layout 1/2
  4. layout 1/2
  5. les templates de magento
  6. 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

Intégrateur magento payé au ko

décembre 13, 2013 2 Commentaires

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

Ajouter le bouton vote google plus sur magento

juin 19, 2011 3 Commentaires

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

Magento ajouter un nouveau block

janvier 26, 2011 22 Commentaires

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

Css magento : Supprimer beug Css Ie8 autosearch disparait

novembre 19, 2010 2 Commentaires

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

Améliorer magento : le taux de conversion

juillet 4, 2010 7 Commentaires

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

Syteme de template magento 1.4

avril 3, 2010 5 Commentaires

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

Décalage css magento : problème encodage fichier

février 24, 2010 Pas de Commentaires

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

Magento 1.4 les nouveautés

février 14, 2010 10 Commentaires

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

Tutoriels magento : par quel tutoriel commencer ?

décembre 20, 2009 12 Commentaires

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

Magento IE6, IE7 débeuger le CSS

décembre 11, 2009 18 Commentaires

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
Page 1 of 212»