Personnaliser l'apparence du builder
En bref
- Ce que vous obtenez
- Un builder aux couleurs et aux textes de votre boutique.
- Durée
- 5 minutes
- Forfait
- Tous les forfaits
Avant de commencer
Vous avez créé au moins un coffret (voir Créer un coffret). Le builder est l’encadré que votre client utilise dans la boutique pour composer le coffret.
L’apparence se règle à deux endroits :
- dans l’app, coffret par coffret : titre, description, couleur d’accent, arrondi ;
- dans l’éditeur de thème, sur le bloc du builder : mise en page, fiches produit, récapitulatif et toutes les couleurs. Ces valeurs s’appliquent à chaque coffret affiché par ce bloc.
Les polices et le style général viennent de votre thème.
Dans l’app : l’apparence d’un coffret
- Allez dans Admin Shopify › Applications › IFG Build Your Box › Coffrets et cliquez sur Modifier à côté du coffret. Pour un nouveau coffret, vous êtes déjà sur le formulaire Nouveau coffret.
- Faites défiler jusqu’à la section Apparence.
- Dans Titre du builder, saisissez le titre que le client voit au-dessus du builder. 80 caractères au maximum. Pour un nouveau coffret, il démarre à « Composez votre coffret ».
- Dans Description, saisissez une phrase sous le titre. 240 caractères au maximum. Elle démarre à « Choisissez vos produits préférés et composez votre coffret. »
- Pour la Couleur d’accent, cliquez sur le carré coloré et choisissez une couleur, ou saisissez le code dans le champ, par exemple #5c2d91 (la valeur de départ). La couleur d’accent met en valeur les produits choisis et la barre de progression.
-
Dans Arrondi des angles (px), saisissez un nombre entier de 0 (angles droits) à 24 (très arrondis). Il démarre à 12.
Ce que vous verrez : l’Aperçu du builder sous les champs change aussitôt : bordure et barre dans votre couleur, angles avec votre arrondi, le titre, la description, le nombre d’articles et le prix.
- Enregistrez avec Créer comme brouillon (nouveau coffret) ou Enregistrer les modifications (coffret existant).
Remarque : si vous laissez le Titre du builder vide, l’aperçu de l’app et la boutique affichent le titre standard du builder, « Composez votre coffret » (dans la boutique, dans la langue de la boutique). Une description vide n’apparaît pas dans l’aperçu, mais la boutique affiche « Choisissez 3 produits et personnalisez-le. » avec votre nombre d’articles.
Dans l’éditeur de thème : mise en page et couleurs du bloc
- Allez dans Admin Shopify › Boutique en ligne › Thèmes et cliquez sur Personnaliser sur votre thème actif.
- Ouvrez une page où vous avez ajouté le builder (voir Ajouter le builder au thème), par exemple la page produit d’un coffret.
-
Dans la colonne de gauche, cliquez sur le bloc Build Your Box.
Ce que vous verrez : à droite, les réglages du bloc, répartis en Mise en page, Fiches produit, Récapitulatif du coffret et Couleurs.
- Modifiez les réglages voulus. L’aperçu de l’éditeur de thème se met à jour aussitôt.
- Cliquez sur Enregistrer en haut à droite.
La liste complète des réglages du bloc, avec leurs valeurs de départ, se trouve dans Tous les réglages.
Attention : sur le bloc de l’éditeur de thème, les champs Titre, Description et Couleur d’accent l’emportent sur ceux enregistrés dans l’app, pour tous les coffrets affichés par ce bloc. Laissez-les vides si vous voulez que chaque coffret utilise le titre, la description et la couleur réglés dans l’app. Pour l’arrondi, l’option Comme dans l’app reprend la valeur du coffret.
En cas de problème
« Utilisez une couleur hexadécimale, par exemple #5c2d91. » s’affiche. Le code couleur n’est pas valide. Utilisez # suivi de 6 caractères parmi 0-9 et a-f, ou choisissez la couleur avec le carré.
« L’arrondi des angles doit être un nombre entier compris entre 0 et 24. » s’affiche. Saisissez un nombre entier, sans décimales, entre 0 et 24.
J’ai changé la couleur dans l’app mais rien ne change dans la boutique. Une Couleur d’accent est réglée sur le bloc de l’éditeur de thème : elle l’emporte sur celle de l’app. Videz-la et cliquez sur Enregistrer.