Smart un theme mobile first 1

10 bonnes raisons de passer au thème Smart

Vous souhaitez donner un coup de jeune à votre site web et aimeriez changer le design tout en le rendant compatible avec les appareils mobiles s'il ne l'est pas déjà !? Voici 10 bonnes raisons d'appliquer une des déclinaisons du thème Smart sur votre site e-monsite.

1 - Un thème basé sur un framework conçu par e-monsite

Le thème Smart est le premier thème basé sur le framework CSS et JavaScript EMS Framework. Contrairement au framework Bootstrap utilisé jusqu'à présent sur tous les thèmes responsives proposés sur e-monsite, EMS Framework a été spécialement conçu pour la création de sites sur e-monsite. Il est donc optimisé pour répondre parfaitement aux spécificités d'affichage et de fonctionnement de votre site.

2 - Un thème mobile first

Smart, un thème e-monsite mobile first

Comme tous les autres thèmes responsive proposés sur e-monsite, le thème Smart est conçu pour s'afficher sur toutes les résolutions d'écran, du smartphone à l'ordinateur de bureau en passant par les tablettes. Néanmoins, il a été spécialement optimisé pour un affichage sur appareil mobile. La mise en page de votre site s'adaptera donc parfaitement à l'écran de vos visiteurs pour une expérience de navigation optimale, sur tout type d'écran.

3 - Des réglages spécifiques à chaque résolution d'écran

Smart, des réglages spécifiques pour Smartphones

Puisqu'il est responsive et mobile first, le thème Smart permet des réglages différents en fonction de la résolution de l'écran. Vous pouvez ainsi définir un emplacement pour votre logo et votre titre différent d'un appareil à l'autre. Par exemple, vous pourrez choisir d'afficher sur smatphones et tablettes votre logo dans le menu horizontal du site et dans l'entête du site sur les écrans aux résolutions supérieures.

4 - Un thème idéal pour un site "one page"

Grande tendance actuelle du web design, les sites one page sont pour la plupart constitués d'une seule et unique page. Il est déjà très facile de créer ce type de site sur e-monsite grâce au système de lignes et de colonnes du module Pages, mais le thème Smart permet d'afficher vos lignes de contenu sur toute la largeur de l'écran. La page d'accueil de la toute nouvelle version du portail de e-monsite (conçu avec le thème Smart) en est un parfait exemple.

À partir du module pages, il devient donc possible d'afficher le contenu d'une ligne en pleine largeur, quel que soit son contenu : du texte, une image, une vidéo, ou n'importe quel autre widget… grâce à l'ajout d'une simple classe personnalisée sur la ligne : row-expanded.

5 - Une boutique à l'ergonomie renforcée

Une boutique ergonomique avec le thème Smart

En fonction du type d'écran, l'utilisateur aura le choix d'afficher les articles de la boutique en mode "vignettes" ou en mode "liste". Un bouton "panier" (que vous choisissez d'afficher ou non depuis Configuration > Menus) présent dans la barre de menu affichera en temps réel le nombre d'articles et son contenu.

L'effet de zoom sur les photos de vos articles a également été repensé pour fonctionner de manière intuitive aussi bien sur un ordinateur que sur un smartphone.

6 - Un agenda et des plannings de réservations plus lisibles

Smart calendriers

Les modules Agenda et Réservation ont pour point commun d'afficher tout deux un calendrier. Ce dernier a également été repensé pour s'afficher correctement sur petits écrans et être ainsi plus facilement consultable pour un meilleur confort d'utilisation. 

7 - Un blog sur une ou deux colonnes

Smart, un blog sur une ou deux colonnes

En fonction de la largeur de la zone de contenu de votre site (réduite si le menu vertical est activé depuis Configuration > Menus), vous pouvez choisir depuis le formulaire de personnalisation du thème d'afficher vos billets de blog l'un en dessous de l'autre ou côte à côte sur deux colonnes.

8 - Des effets visuels avancés

Étant basé sur le framework EMS Framework, le thème Smart vous permet donc de disposer de tous les effets JavaScript proposés par le framework. Vous pourrez donc par exemple appliquer facilement l'effet parallax sur l'entête de votre site. 

Il est également possible de figer la position du menu vertical lors du défilement de la page. Cet effet s'avèrera notamment très utile pour afficher un élément en permanence, comme par exemple le panier de la boutique ou encore le formulaire de connexion à l'espace membre.

9 - Un menu de navigation horizontal sur appareils mobiles

Jusqu'à présent, tous les thèmes responsive proposés par e-monsite imposaient une ouverture verticale du menu de navigation sur appareils mobiles, plus communément appelé "burger menu". Le thème Smart offre la possibilité d'ouvrir le menu de navigation à l'horizontal.

10 - Plus de 90 paramètres personnalisables

Afin de laisser libre court à votre créativité, le thème Smart est hautement personnalisable. Grâce à ses nombreux paramètres de personnalisation, vous pourrez très facilement modifier l'apparence d'une des nombreuses déclinaisons qui vous sont proposées.

Vous pourrez bien sûr affiner cette personnalisation en créant vos propres styles CSS.

Themes Responsive