Comment créer un site d'e-commerce mobile sous Magento 1 - Template mobile Magento : facilité de mise en œuvre mais faiblesses fonctionnelles

La première solution pour adapter un site d'e-commerce sous Magento pour un écran de smartphone ou de tablette est de recourir à un template mobile. C'est-à-dire une charte graphique spécifiquement dédiée à un terminal mobile. Magento en propose plusieurs, adaptés pour les différents terminaux du marché dont l'iPad, l'iPhone et les smartphones et tablettes sous Google Android. Les templates mobiles de Magento sont accessibles par le biais de l'onglet "Systems" puis les sous catégories "Configurations" et "Design" dans l'interface administrateur de la solution Open Source. 

"Le template mobile Magento  permet très rapidement d'adapter le rendu en fonction de l'appareil utilisé pour la navigation sur la base d'une détection du navigateur", précise Pascal Brunel (Synolia). 

"Une fois le template installé, le client final a la main sur le code. Il est alors possible de travailler dessus et de corriger les écarts observés entre le rendu du site Web Magento pour postes clients traditionnels et celui souhaité pour les terminaux mobiles", indique de son côté Mickael Brard, responsable de l'offre mobile chez Smile. 


au lieu de s'appuyer sur les templates de magento, le site nos-sandales.com a
Au lieu de s'appuyer sur les templates de Magento, le site nos-sandales.com a préféré la solution de l'optimisation HTML (voir plus bas). © Synolia

Attention toutefois, car en passant par un template mobile, les fonctionnalités disponibles resteront toujours un cran en-dessous de celles proposées au travers du template standard Magento.

"En recourant au template mobile, il ne sera pas possible d'utiliser pleinement les capacités des smartphones et des tablettes par exemple en matière de géolocalisation. L'utilisateur aura accès à une simple liste de boutiques ou de points de livraison statiques et non à l'affichage de ceux situés au plus près d'où il se trouve", fait savoir Régis Quintin (SQLI).

Pour les entreprises qui ne souhaitent pas recourir à un template mobile, il est conseiller d'optimiser le code HTML de son site Magento pour prendre en compte les spécificités d'affichage en mobilité. "Le site nos-sandales.com a été conçu dès l'origine pour permettre une navigation intuitive au niveau des sliders en utilisant le système de toucher de l'iPad sans passer par le template mobile Magento", explique Pascal Brunel (Synolia).

Synthèse des atouts et contraintes
Facilité de mise en œuvreCoûtsNiveau de personnalisation
Source : JDN Solutions
Site Web mobile++++
Template mobile+++++