Mise en production d’un site vitrine avec la librairie Jquery.isotope déclinaison de masonry

Written by Infinitic. Posted in A la une, Infinitic, Projets, References, Web - Design

Bonjour à tous,

Infinitic est heureux de vous présenter sa dernière réalisation en terme de « responsive design », un site entièrement réalisé avec la librairie Jquery.isotope permettant une adaptation du layout (squelette de la page) en fonction de la résolution. Ce design est par la même occasion adapté a tous les support : mobile, tablette, grande résolution…

Voici quelques captures de cette réalisation :

Nous vous invitons à consulter le site lui même : 1001 tables

Nous vous invitons également à visiter le site de l’auteur de la librairie de départ qui a inspiré isotope : masonry de David de Sandro

Vous pouvez également visiter le site isotope dont le projet de classification des éléments est une belle surprise : isotope

Module Magento – Passage de commande en 1 click

Written by Infinitic. Posted in Bonnes Pratiques, Magento

En cette fin d’année et avant la période des soldes qui commenceront début janvier, certains des clients d’Infinitic se posent des questions sur la possibilité de simplifier leur tunnel de commande afin d’améliorer l’ergonomie et la facilité pour passer une commande depuis leurs sites.

L’équipe d’Infinitic travaille a l’heure actuelle sur la réalisation d’un module Magento afin de creer une page de passage de commande simplifiée. Cette page sera bientot en ligne et nous espérons de tres bon résultats sur les sites de nos clients. Nous ne manquerons pas de revenir vers vous afin de vous présenter les principales améliorations au niveau du tunnel de commande.

Mise en production : http://www.vaulx-en-velin-triathlon.org – Drupal 7 – Thème custom

Written by Infinitic. Posted in A la une, Infinitic, Projets, References, Web - Design

L’équipe Infinitic est fière d’annoncer la mise en production du site du club de triathlon de Vaulx en Velin : http://www.vaulx-en-velin-triathlon.org

Le site est propulsé par Drupal 7. Le core a été agrémenté de pas mal de modules : views, cck, events…

L’équipe a participé également à l’adaptation du thème qui contient quelques widgets et quelques fonctionnalités développées pour les besoins du club.

Nous écrirons quelques articles suite à ce projet afin de vous faire partager notre expérience.

 

Magento – Comment transformer votre theme en theme pour Mobile

Written by Infinitic. Posted in Bonnes Pratiques, Magento, Outils

Bonjour à tous,

Aujourd’hui je vais essayer de vous donner quelques astuces afin d’adapter votre template pour un rendu sur terminal mobile de type Iphone, Ipad, Android…

Il existe un moyen très simple dans magento de choisir un thème en fonction que certains paramètres comme le « User Agent » (ou signature) de votre navigateur. En effet que vous naviguiez sous windows, mac ou OS mobile, les signatures de navigateur ne sont pas les mêmes.

Dans la partie admin de magento, on peut créer des exceptions pour les signatures des terminaux mobile. J’ai trouvé sur différents sites la liste de ces signatures.

Nous allons donc créer des exceptions pour le design de départ afin de charger un nouveau thème si nous chargeons le site a partir d’un terminal mobile.

Pour cela, rendez-vous dans la partie admin de votre Magento, dans SYSTEM->CONFIGURATION->DESIGN

Une fois sur cette page, vous avez acces aux themes de votre site Magento. Par default, il se peut que vous n’ayez rien a cet endroit cela veut dire que vous utilisez le theme par default de magento. Sinon vous devez avoir le nom de votre theme dans le champs : Nom de l’interface

Pour ajouter une exception pour les mobiles, il suffit de cliquer sur « Ajouter une exception ». L’expression correspondante a notre exception est la suivante

iPhone|iPod|BlackBerry|Palm|Googlebot-Mobile|Mobile|mobile|mobi|Windows Mobile|Safari Mobile|Android|Opera Mini

Cela correspond a la signature de la plupart des terminaux mobile actuels. Dans le champs « Valeur », nous allons spécifier le nom du thème que nous allons créer. Par ex : « mobile ».

Dans l’arborescence des répertoires, vous mettrez « mobile » au même niveau que votre thème magento. Ce thème sera chargé chaque fois que magento détectera une des signatures présente dans la liste. Ce qui vous évite de devoir le faire en javascript par exemple.

Vous trouverez quelques thèmes mobiles gratuits sur la toile dont celui de INCHOO : imobile

A vous de faire votre choix ou de développer votre propre thème. Il existe des librairies comme Jquery Mobile qui permettent de facilement créer un template mobile a partir de certaines balises HTML.

L’équipe Infinitic travaille actuellement sur un thème mobile pour un client. Nous reviendrons vers vous pour vous donner des trucs et astuces une fois que le projet sera terminé.

Nous Contacter

Société INFINITIC
M. CAMPOY Cédric
4 chemin de Ponterle
69290 CRAPONNE


Par formulaire : ICI
Par mail : contact(at)infinitic.fr (remplacer le (at) par @)

Siren : 510 164 650

Localisation

Derniers Projets

  • Biosylva - Web -Wordpress
  • Dinovia - E-commerce - Magento
  • Babaomby - Club Kitesurf Madagascar - Wordpress
Propulsé par Wordpress Wordpress - Trituré par Infinitic