Livraison projet Quadesmonts69.fr

Bonjour à tous,

Depuis le 07 juin 2014 vous pouvez admirer la dernière réalisation Infinitic, le contenu du site est encore un peu pauvre mais les responsables de l’association Quadesmonts vont l’enrichir petit à petit.

Ce site est réalisé avec la solution WordPress, le thème est un thème custom trituré par Infinitic. Il est responsive et le logo a été fourni par le club.

Voila le lien : http://www.quadesmonts69.fr

 

De la couleur pour vos projets web et print

Bonjour à tous,

Aujourd’hui, nous allons parler « couleurs » car le choix n’est pas toujours évident pour nos clients. Pour nous les intégrateurs il est primordial d’avoir au moins une couleur de base nous permettant de décliner une palette assez facilement.

Je dis facilement car il existe quelques outils pour nous aider à choisir nos couleurs pour qu’elles soient en accord avec la volonté du client.

Je vais en présenter 2 mais il en existe bien plus en ligne ou en téléchargement.

Tout d’abord je vais parler d’ADOBE KULER qui est la référence des intégrateurs et des designers.

capture_kuler

Le principe est simple, vous avez une palette de couleur et il vous suffit de faire tourner la couleur principale de votre palette afin de trouver les couleurs associées. Il existe plusieurs associations possibles : monochromatiques, triad, couleurs complémentaires…

A vous de jouer avec la roue afin de trouver les couleurs qui vous conviennent.

Cet outil est très intéressant car il permet de facilement obtenir une palette de 5 couleurs. D’ailleurs vous pouvez également explorer la banque de donnée d’adobe qui contient des milliers de palettes qui ont été réalisées par les internautes.

Je trouve cet outil très intuitif et très facile à utiliser. Par contre un Adobe ID est obligatoire pour pouvoir enregistrer et exporter ses créations. Les exports vers les outils adobe sont supportés une fois le compte adobe renseigné.

Dans un tout autre registre et un peu moins facile a utiliser au premier abord, je vous présente  colourco.de

capture_colourcode

Comme Adobe Kuler, il permet de créer des palettes de couleurs mais cette fois on peut choisir le nombre de couleurs de la palette à l’aide des boutons plus et moins situées à droite et a gauche de l’interface.

Ce site est vraiment très intéressant car il permet directement depuis une couleur de départ de créer une palette en bougeant simplement la souris de gauche a droite pour jouer sur les nuances et de haut en bas pour jouer sur le contraste.

Le gros plus de ce site c’est la possibilité de faire des palettes  jusqu’à 10 couleurs pour des sites riches en couleurs.

Toutes les palettes peuvent être exportées ici vers des formats très pratiques comme .scss ou .less ainsi qu’au format image PNG afin de les présenter plus facilement aux clients.

Avec ces deux outils, vous n’aurez plus d’excuses pour proposer à vos clients de vraies palettes de couleurs pour leurs projets web ou print.

Nouveau projet WordPress

Une association de développement du Quad dans les monts du Lyonnais nous a confié la réalisation du site de présentation de leur activité.

Nous utiliserons une base WordPress 3.8 avec un thème customisé par l’équipe INFINITIC.

Livraison prévue dans le courant du mois d’Avril 2014…

 

Infinitic fête ses 5 ans !!!!

Cette semaine, notre agence fête ces 5 ans d’existence. C’est en effet le 12/01/2009 que tout a commencé…

Nous tenons a remercier particulièrement nos clients et partenaires pour leur confiance tout au long de ces 5 années de travail et de collaboration…

 

Longue vie a Infinitic…

 

Format d’adresse dans Magento

Bonjour à tous,

Aujourd’hui nous allons discuter des formats d’adresses dans le moteur E-commerce Magento.

Magento étant un produit américain, les informations clients et plus précisément l’adresse sont formatées au format postal américain. Ainsi on retrouve l’état, le code postal et la ville mais cela ne correspond pas au format Français.

Une de mes clientes m’a, à juste titre, fait remarquer que les adresses postales française sont normées et que si l’on veut éviter au maximum les NPAI (n’habite pas a l’adresse indiquée), il vaut mieux formater les adresses de livraisons correctement.

Magento depuis la version 1.5, permet de formater les adresses directement dans le back office.

Cela se passe dans le menu : SYSTEME -> CONFIGURATION -> Configuration Clients -> Gabarit d’adresse.

Sur cette page d’administration :

 

 

 

On remarque 5 champs de saisie avec du code un peu barbare à l’intérieur.

Les  champs représentent les 5 rendus qui sont utilisé sur le site :  Texte, Texte sur 1 seule ligne, HTML, PDF et javascript

Chaque champs de saisie permet donc de customiser le rendu de l’adresse par rapport à un format donné.

Si l’on modifie la partie HTML par exemple, le rendu de l’adresse dans l’affichage en back office sera modifié sur l’ensemble des écrans (Commande, Factures…) mais uniquement à l’affichage sur le navigateur. Les factures PDF sont impactées par le rendu PDF.

Le code utilisé est un code de description qui fonctionne avec des balises entourées de double accolades.

{{depend prefix}}{{var prefix}} {{/depend}}{{var firstname}} {{depend middlename}}{{var middlename}} {{/depend}}{{var lastname}}{{depend suffix}} {{var suffix}}{{/depend}}, {{var street}}, {{var postcode}} {{var city}}, {{var country}}

Des mots clés permettent de repérer les éléments de la base de donnée stockés dans Magento. Ainsi “postcode” correspond au code postal, “city” correspond à la ville…

Ce qui va nous intéresser ici c’est de changer l’ordre des champs

Par défaut le format d’adresse s’affiche ainsi :

INFINITIC, 4 chemin de Ponterle, CRAPONNE, Rhone Alpes, 69290, FRANCE

Cette adresse ne correspond pas aux normes postales. On veut obtenir :

INFINITIC, 4 chemin de Ponterle, 69290 CRAPONNE, FRANCE

Voyons comment cela se passe au niveau du code dans Magento, le rendu HTML par défaut est le suivant :

 

{{depend prefix}}{{var prefix}} {{/depend}}{{var firstname}} {{depend middlename}}{{var middlename}} {{/depend}}{{var lastname}}{{depend suffix}} {{var suffix}}{{/depend}}<br/>
{{depend company}}{{var company}}<br />{{/depend}}
{{if street1}}{{var street1}}<br />{{/if}}
{{depend street2}}{{var street2}}<br />{{/depend}}
{{depend street3}}{{var street3}}<br />{{/depend}}
{{depend street4}}{{var street4}}<br />{{/depend}}
{{if city}}{{var city}}, {{/if}}{{if region}}{{var region}}, {{/if}}{{if postcode}}{{var postcode}}{{/if}}<br/>
{{var country}}<br/>
{{depend telephone}}T: {{var telephone}}{{/depend}}
{{depend fax}}<br/>F: {{var fax}}{{/depend}}

Pour le début du code, nous ne modifierons rien, les informations NOM, PRENOM et adresse étant déjà au bon format.

Nous allons nous intéresser à la ligne suivante :

{{if city}}{{var city}}, {{/if}}{{if region}}{{var region}}, {{/if}}{{if postcode}}{{var postcode}}{{/if}}<br/>
{{var country}}<br/>

Sur cette ligne on voit que les éléments ne sont pas dans le bon ordre, il va falloir modifier la ligne pour faire passer le “postcode” avant la “city” et supprimer la “region” qui correspond à l’état.

Les informations sont conditionnées par des balises IF qui permettent de ne pas les afficher si elles sont vides. Nous n’avons pas modifié ce conditionnement même si il n’y a aucune chance par exemple que la ville soit vide car elle est obligatoire.

La nouvelle ligne devient donc :

{{if postcode}}{{var postcode}}{{/if}} {{if city}}{{var city}} {{/if}}<br/>
{{var country}}<br/>

Nous avons délibérément supprimé l’état (département) qui n’a aucune utilité en France.

Maintenant vous pouvez faire la même manipulation pour l’ensemble des rendus. Le plus important étant le rendu PDF qui sert pour toutes les sorties PDF de l’application.

N’hésitez pas a poser des questions si vous avez des problèmes de configuration.