Personnaliser un thème
Personnaliser un thèmeUn thème est un modèle qui détermine la présentation de Storefront. Chaque thème possède des styles et des mises en page différents et offre une expérience client différente.
uStore NG est livré avec un thème prêt à l'emploi spécialement conçu pour vos magasins 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, sans qu'il soit nécessaire de modifier le code.
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. Vous pouvez jouer avec différents paramètres et les adapter à votre goût. Affichez un aperçu du design et publiez-le lorsqu'il est prêt dans la boutique en ligne.
Si vous souhaitez apporter des modifications au-delà des paramètres fournis, éditez le code CSS dans l'éditeur. Le CSS utilise également des variables qui vous permettent, avec une seule modification, de personnaliser globalement plusieurs éléments de l'interface utilisateur.
Au fur et à mesure que vous travaillez, vos modifications sont automatiquement enregistrées en tant que brouillon. Les modifications sont conservées même lorsque vous quittez l'éditeur.
AquaBlue, le thème par défaut de uStore est un thème réactif et souple qui convient à tous les magasins. AquaBlue vous permet de créer un magasin et de commencer à vendre rapidement. AquaBlue donne un aspect soigné, même sans personnalisation de thème, sur n'importe quel appareil.
Notez que la personnalisation du thème s’effectue par magasin. Cela signifie que vos paramètres de personnalisation ne s’appliquent qu’au magasin sélectionné.
L'éditeur de thème comprend un panneau de gauche dans lequel vous pouvez modifier les paramètres du thème et une zone d'aperçu. Au fur et à mesure que vous avancez, vous pouvez parcourir les pages du magasin dans la zone d’aperçu pour voir les modifications telles qu’elles apparaissent dans le magasin, sur ordinateur ou au format mobile, ou sélectionner « Aperçu brouillon » pour afficher le brouillon dans un nouvel onglet.
Lorsque vous ouvrez le brouillon dans un nouvel onglet, pour voir la modification, il vous faudra actualiser le contenu de l'onglet.
Pour personnaliser un thème :
1. Ouvrez le magasin dont vous souhaitez modifier le thème.
2. Cliquez sur Paramètres du magasin > Personnaliser le thème..
3. Modifiez les paramètres du thème dans les panneaux suivants.
Au fur et à mesure que vous travaillez, vos modifications sont automatiquement enregistrées en tant que brouillon.
– Assets
– Widgets
4. Si vous souhaitez rétablir les paramètres par défaut du thème, sélectionnez Rétablir > Effacer et rétablir les options par défaut du thème.
Toutes les valeurs du brouillon sont supprimées et les paramètres par défaut du thème apparaissent dans l'éditeur.
5. Si vous souhaitez revenir aux paramètres publiés du thème, sélectionnez Rétablir > Rétablir les paramètres publiés.
Toutes les valeurs du brouillon sont supprimées et les paramètres publiés apparaissent dans l'éditeur.
6. Une fois que vous avez terminé, effectuez l’une des opérations suivantes :
– Cliquez sur Publier pour appliquer toutes les modifications dans Storefront.
– Quittez l'éditeur. Vos nouveaux paramètres sont conservés et s’afficheront à la prochaine ouverture de l'éditeur.
Si vous souhaitez développer davantage le thème (ajouter du contenu, de la logique, des fonctionnalités ou toute autre modification de conception impossible dans l'éditeur), allez dans la section Gestion des thèmes.
