Magazine Internet

UGAL permet de créer des sites mobile (mobile friendly)

Publié le 27 mai 2015 par Ugal

Voilà c'est fait : nous  sommes très heureux de vous annoncer que les sites créés avec UGAL sont désormais mobile friendly.

Grâce au Responsive Web Design, l'affichage de votre site sera automatiquement optimisé en fonction de l'écran utilisé par vos visiteurs.

Vue mobile du catalogue produits

Le thème graphique "Red" a été mis à jour, il est à présent responsive. Nous allons peu à peu migrer les thèmes graphiques standard les plus utilisés avec UGAL, pour les rendre responsive.

Les thèmes graphiques personnalisés peuvent être mis à jour facilement afin de devenir responsive.

Responsive Web Design (Site Web Adaptatif en français)

Wikipedia l'explique très bien : un Site Web Adaptatif  est un site dont la conception vise, à offrir une expérience de consultation confortable même pour des supports différents (moniteurs d'ordinateur, smartphones, tablettes, TV, etc.).

Le terme Responsive Web Design été inventé il y a 5 ans par Ethan Marcotte dans un article sur A List Apart. La citation en haut de l'article résume assez bien l'approche responsive. 

The control which designers know in the print medium, and often desire in the web medium, is simply a function of the limitation of the printed page. We should embrace the fact that the web doesn’t have the same constraints, and design for this flexibility. But first, we must 'accept the ebb and flow of things.'

John Allsopp, “A Dao of Web Design

Quels changements pour votre site ? 

Si vous utilisez un thème standard, rien ne change. Nous avons commencé le processus de mise à jour de nos thèmes graphiques pour les rendre responsive avec le thème Red et allons peu à peu migrer les thèmes graphiques standard les plus utilisés avec UGAL, pour les rendre responsive.
Le processus de migration intègre la création d’une copie du thème d’origine dans sa version non-responsive, ceci afin de vous permettre de revenir en arrière. 

Si vous utilisez un thème graphique sur mesure et que vous ne souhaitez pas avoir un site responsive, vous n'avez rien à faire : votre thème graphique fonctionnera comme avant.

Si vous utilisez un thème graphique sur mesure et souhaitez migrer vers un thème responsive, il faut mettre à jour les fichiers CSS de votre thème graphique.

Nous avons écrit un guide de migration (en anglais), basé sur notre propre expérience avec nos thèmes graphiques standards. Le processus est plus ou moins simple, cela dépend de la complexité de votre thème graphique et aussi du markup HTML utilisé pour vos pages. 

Quelque modifications dans notre markup 

Nous avons profité de ce nouveau développement pour opérer quelques changements dans le markup HTML généré par UGAL. Ces modifications ne devraient pas avoir d'incidences sur votre site mais n'hésitez pas à nous contacter si vous rencontrez un problème.

Voici la listes des changements:

  • De nombreuses instructions CSS on été enlevées du markup HTML produit par UGAL, en particulier pour les champs des formulaires. Ces instructions ont été placées dans des fichiers CSS, ce qui est bien mieux. Nous sommes très contents d'avoir enfin levé cette limitation.
  • Le markup de la page contact et du formulaire de connexion a été modifié. Consultez le guide de migration pour plus d'information.
  • Les pages du panier et du processus de commande disposent d'une version responsive.

Lors de la commande, le client s'identifie désormais sur la page de connexion standard. Une fois connecté, celui-ci est redirigé dans le formulaire de commande, pré-rempli avec les adresses de livraison et facturation liées à sa dernière commande. 

Pour plus de détails sur ces changements, nous vous invitions à consulter le guide de migration.  

SI ces changements devaient occasioner des problèmes sur votre site, contactez-nous rapidement afin que nous puissions y remédier au plus vite.

Photos, diaporama et zoom

Nous pensons avoir traité (principalement en changeant le markup HTML) la plupart des éléments pour nous permettre de migrer vers des thèmes graphiques responive.

Il nous reste à voir comment mettre à jour l'affichage des photos de l'ongelt photo en mode Diaporama ou Zoom. Pour le moment, en attendant que nous ayons trouvé la bonne solution, nous vous recommandons d'utiliser l'affichage statique des photos. 

Plus d'information

  • How to make your custom theme responsive (en anglais) (en anglais)
  • Comment avoir un thème responsive
  • CSS tips for responsive design (en anglais) (en anglais)
  • Contactez-nous si vous avez besoin d'aide pour mettre à jour votre thème graphique.

Retour à La Une de Logo Paperblog

A propos de l’auteur


Ugal 24 partages Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte

Dossier Paperblog

Magazine