Thèmes

Vue d’ensemble

uStore NG est une technologie front end qui vous permet d'enrichir le Storefront comme vous ne l'aviez jamais fait auparavant. La présentation de Storefront ainsi que son contenu et ses fonctionnalités peuvent être personnalisés à l’aide de technologies simples à utiliser.

Personnaliser la présentation du magasin

uStore NG est livré avec un thème prêt à l'emploi spécialement conçu pour votre magasin en ligne. Personnaliser un thème pour l'adapter au mieux aux consignes de votre entreprise pour la promotion de la marque peut être réalisé en quelques secondes à l'aide de l'éditeur de thèmes WYSIWYG.

L'éditeur de thème offre un contrôle simple sur les éléments de conception tels que les polices, les couleurs et les images. Les modifications que vous effectuez sont enregistrées en tant que brouillon que vous pouvez prévisualiser puis publier dans le magasin en ligne.

Vous disposerez d’une plus grande liberté de conception si vous modifier le code CSS dans l’éditeur de thème. Le CSS utilise également des variables qui vous permettent, avec une seule modification, de personnaliser globalement plusieurs éléments de l'interface utilisateur.

Flexibilité dans la création de l'expérience d'achat

La technologie uStoreNG vous permet de créer l'expérience d'achat en l'améliorant avec un nouveau contenu et de nouvelles fonctionnalités.

Téléchargez un thème pour avoir un accès complet à tous les fichiers HTML et CSS de Storefront. Cela simplifiera l'ajout de contenu HTML à votre magasin. Ajouter du texte et des images à la page d'accueil n'a jamais été aussi simple.

Cette fonctionnalité vous permet de réellement développer le thème, c’est-à-dire d’ajouter un nouveau comportement et des flux à l’expérience d’achat en créant un code personnalisé dans les pages HTML. UStore NG propose pour cela trois technologies : la possibilité d’ajouter du code ReactJS, la bibliothèque principale uStore NG qui permet de récupérer et de manier des données et les API REST qui permettent une interaction avec lebackend.

Une expérience utilisateur moderne

uStore est livré avec un thème prêt-à-l’emploi spécialement conçu pour votre magasin. Le thème de uStoreNG comprend les dernières tendances : prise en charge des formats mobiles, convivialité de l’interface, netteté et couleurs vives. Le thème met l'accent sur le design, l'interactivité et l'expérience utilisateur.

Thèmes et peaux

Les peaux sont utilisées avec les magasins hérités. Les thèmes sont utilisés avec les magasins uStoreNG. Contrairement aux apparences, les thèmes contrôlent à la fois l'aspect et la fonctionnalité du magasin. Les pages HTML étant à votre disposition, vous pouvez ajouter du contenu HTML ainsi que du code à vos pages. Vous pouvez par exemple ajouter un panneau de vente croisée à la page d'accueil, remplacer la bannière par un curseur ou ajouter une nouvelle page FAQ. Vous pouvez ainsi améliorer un thème existant avec des fonctionnalités personnalisées qui ne sont pas prêtes à l'emploi.

L’éditeur de thème et la gestion des thèmes

Si vous souhaitez simplement personnaliser le thème d'un magasin (changer les couleurs, les polices, le logo, les images, etc.), il est conseillé d'utiliser l'éditeur de thème. Les modifications que vous effectuez dans l'éditeur s’effectuent par magasin et n'affectent pas le thème principal (XMPie).

Si vous souhaitez développer un thème (ajouter du contenu HTML et du code ou apporter des modifications de conception impossibles à l'aide de l'éditeur de thème), allez dans la section Gestion des thèmes.

Sélectionner le thème du magasin

Le BackOffice uStore est livré avec un thème prédéfini spécialement conçu pour votre boutique en ligne. Le thème de uStore NG suit les dernières tendances : il est adapté aux mobiles, esthétiquement attrayant, soigné et vif. Le thème met l'accent sur le design, l'interactivité et l'expérience utilisateur.

1. Allez dans les Paramètres du magasin > Configurer le magasin, et cliquez sur l'onglet Apparence pour afficher la liste des noms de thèmes. La liste affiche les thèmes prédéfinis de uStore, qui ont le préfixe « XMPie », et les thèmes personnalisés, le cas échéant, qui ont été créés sur la base de ces thèmes.

2. Sélectionnez le thème dont l'aspect de base convient à votre magasin. Vous pouvez le modifier ultérieurement si nécessaire.

Autres rubriques

Personnalisation des thèmes

Gestion et développement des thèmes