10 bonnes raisons de passer au thème Smart

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.

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.

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.

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.

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.

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. 

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.

É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.

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.

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.