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…

 

Nouveau module Magento – Ventes Flash et Slider promos

A gauche la vente flash, à droite le slider promos

Bonjour,

Dans le cadre de l’amélioration de l’expérience utilisateur sur le site de l’un de nos clients, nous avons développé un module gérant les ventes flash ainsi qu’un module permettant d’afficher sous forme de slider les produits en promos.

Le slider utilise le plugin jQuery iOSslider permettant un rendu “tablet friendly”.

Le module de vente flash permet de définir une date de fin de la vente afin d’afficher le compte à rebours.

Magento – Liens des produits sur differents magasins

Aujourd’hui j’inaugure une nouvelle rubrique de mon blog visant a partager avec la communauté les astuces de codage que j’utilise dans mes projets E-commerce Magento.

Dernièrement un de mes clients me demandait de lui placer sur la fiche produit un lien entre 2 magasins magento pour le meme produit. En effet dans magento nous avons la possibilité de creer plusieurs magasins et d’affecter des produits dans plusieurs magasins…

La solution n’a pas été simple a trouver et c’est pourquoi je la partage.

Sur la fiche produit voici le code qu’il faut rajouter pour recuperer le lien d’un produit sur un magasin dont l’ID est 2

$_store_1_url = $_product->getProductUrl();
$_store_2_url = $_product->setStoreId(2)->getProductUrl();

Cela permet dans la 1ere ligne de récuperer l’url courante du produit et dans la 2eme de récuperer l’url du meme produit dans le 2eme magasin.

Voila, c’est tout simple, a vous de faire l’inverse sur la fiche produit du 2eme magasin avec l’ID du magasin n°1

Cette astuce est valable sur la version 1.3.2.3 qui est une vieille version de Magento je vous l’accorde…

Nouveauté Infinitic – Outil de gestion de projet en ligne

Bonjour,

Afin de mieux appréhender la gestion de projet, l’équipe Infinitic se dote d’un outil de gestion de projet en ligne développé par la société TEAMLAB. Cette outil gratuit permet de partager la gestion de projet entre plusieurs personnes qui ne sont pas forcement tout le temps sur le même site. Cet outil comprend les modules suivants :

  • Gestion de projets
  • Gestion de l’équipe
  • Gestion des taches
  • Planning
  • Gestion des documents
  • Outils communautaires de communication : messagerie instantanée, forum

Cet outil très puissant va faciliter les échanges entre Infinitic et ses clients.

Pour voir une démo de cet outil, je vous invite a visiter le site de l’équipe de développement : http://www.teamlab.com/fr/default.aspx

Optimiser la lecture du code – Application aux feuilles de styles CSS…

Avec l’arrivée du CSS 3, la feuille de style va devenir l’élément clé d’un site Web. En effet le code du site en lui même sera tres simple avec les nouvelles normes HTML 5. Il n’y aura plus besoin de se soucier d’affecter des pseudos classes ou autres Id aux elements puisqu’ils seront déjà préformatés pour jouer un vrai rôle. Ainsi les nouvelles balises du HTML 5 (<header>, <article>, <nav>…) permettent de savoir dans quelle section du code on se trouve. Dans la feuille de style c’est une autre histoire. Le code peut vite devenir illisible et la modification devient très complexe. J’ai récemment parcouru une feuille de style CSS 3 d’un autre genre, propre, et surtout tres facile a lire. Je vais vous expliquer pourquoi. Il est facile de comprendre que CSS est un langage de description en cascade (comme son nom l’indique ;-)), il est donc important de mettre en avant cette hiérarchie dans le code lui même. Ainsi voici ce que cela donne

article {
 border: 10px solid #ebebe3; background-color: ...
 -webkit-box-shadow: 0 3px 5px #333; -moz-box-...
 }
 article header,
 article section,
 article footer {
  margin: 0 20px;
  }
  article header p,
  article footer p {
   margin: 3px 0 0 0; font-variant: small-caps;...
   text-shadow: 1px 1px 1px #fff;
   }

Quand on parcours rapidement ce code, on voit bien la structure hierarchique entre l’élément de base “article” et les sous elements “article header”, “article section”…

Le code est bien plus comprehensible et cela facilite ca maintenance.

La feuille de style n’étant pas un programme ou un script a proprement parlé, on oubli souvent les regles de mise en page que l’on peut utiliser dans les programmes ou les scripts…

Avec CSS 3, il devient indispensable de traiter la feuille de style comme un élément à part entière du site.