Apparence et identité du site

Ouvrez Site web, puis le design du site. Travaillez dans le brouillon et prévisualisez ordinateur et mobile avant de publier.

Choisir un thème et les couleurs

Choisissez le thème, la couleur de marque et le style de couleurs. Réglez fond, texte, texte secondaire, accent et séparateurs lorsque ces champs sont proposés. Vérifiez la lisibilité sur chaque fond. Une surcharge de section ne modifie que cette section ; le site fournit les valeurs héritées.

Prévisualiser le modèle Pink Coffee

Pink Coffee nécessite les versions compatibles du site client et de l’Admin. Si le modèle n’est pas proposé, faites confirmer sa disponibilité par Foody avant de modifier le site. Dans Design du site → Thèmes du site, choisissez Pink Coffee puis Aperçu. Vérifiez accueil, commande, couleurs, polices, navigation et contenus existants avant Appliquer le thème. Le modèle prépare un accueil court avec une bannière de campagne et des articles mis en avant, ainsi qu’une page de commande ; il ne crée ni articles, ni prix, ni réglages de paiement. Remplacez textes et médias d’exemple, choisissez les vrais articles à mettre en avant et vérifiez la carte associée à la page de commande. Appliquer un modèle modifie uniquement le brouillon. Attendez l’enregistrement, contrôlez ordinateur et mobile, puis publiez volontairement. Voir sections et médias. La présentation Pink Coffee compatible utilise un menu à traits décalés sans icône panier dans l’en-tête, un carrousel manuel aux commandes à droite et une mosaïque pouvant occuper plusieurs lignes. Le compteur et la lecture sont masqués dans ce préréglage manuel ; les descriptions sont visibles, les prix et boutons de chaque carte masqués. Vous pouvez modifier ces choix dans les réglages de l’en-tête, du carrousel et des articles mis en avant sans changer les prix du catalogue.

Utiliser un grand titre d’affichage

Dans les réglages d’apparence du titre d’une section, choisissez Affichage lorsque la version compatible le propose. Cette taille convient aux titres de présentation courts et s’adapte au mobile et à l’ordinateur ; elle ne change ni la police ni la couleur choisie. Gardez le message essentiel hors des images, vérifiez les titres longs et le sens hébreu, puis comparez les deux aperçus avant publication. Revenez à la taille précédente si le titre prend trop de place.

Régler les polices et rôles de texte

Choisissez une combinaison ou les polices des titres et du corps. Pour la commande, réglez séparément titres de groupes, noms, descriptions et prix. Vérifiez le sens hébreu et les noms longs ; la taille mobile peut être distincte.

Cadrer les images des articles

Choisissez ajustement, recadrage et point focal dans les contrôles d’image. Comparez carte et fiche article sur les deux formats. Gardez les textes traduisibles hors des images. Enregistrez le brouillon, puis publiez après vérification de la page publique.

Vérifier l’entrée de commande sur mobile

Lorsque l’invitation est activée, sur mobile et bureau, vérifiez que Commander sans compte est immédiatement visible et utilisable, avec Me connecter en option. Avant le choix, ni champ d’adresse ni confirmation ne doivent apparaître. Vérifiez l’ouverture/fermeture de la connexion et l’accès invité : adresse en Livraison, informations de retrait sans adresse de livraison en Retrait. Retour doit conserver le brouillon ; le choix invité ne se répète pas à chaque changement de service ou réouverture. Contrôlez aussi la carte d’adresse validée d’un client connecté et Modifier. Dans une hauteur visible de 360 px avec au moins quatre résultats, quatre suggestions entières de 44 px doivent rester visibles. Le titre, les onglets, Retour et le champ gardent leur position pendant l’ouverture et la fermeture du clavier. Vérifiez les écrans de 320 px, le bureau et le français, l’hébreu et l’anglais. Me connecter ouvre Google et le formulaire e-mail + mot de passe. Facebook et Apple apparaissent seulement si le service les a configurés. La connexion par e-mail + code seul n’est plus proposée. Les codes de création, de vérification d’adresse et de récupération de mot de passe restent distincts. Vérifiez la fermeture et la reprise sans perte du brouillon, sur mobile et bureau ; les quatre suggestions entières avec clavier ouvert gardent la même géométrie. Les boutons de connexion ne doivent pas réintroduire un déplacement des onglets ou du champ.

Accès aux nouveaux réglages

L’invitation à se connecter avant de commander se règle dans Site web → Parcours de commande → Afficher l’invitation à se connecter à l’arrivée. Désactivée, elle laisse entrer directement les informations de retrait ou de livraison ; activée, Commander sans compte reste immédiatement visible. Enregistrez le brouillon puis publiez pour appliquer ce choix. Voir le réglage du parcours. Lorsque l’invitation est désactivée, un lien discret Se connecter reste disponible dans la fenêtre de retrait ou de livraison. Il ouvre la connexion uniquement à la demande ; fermer cette fenêtre conserve les informations déjà saisies et permet de poursuivre sans compte.

Séparer les couleurs des cartes et des catégories

Dans Design du site → Couleurs, sélectionnez le style utilisé par la Liste des articles, puis ouvrez Personnaliser les couleurs du menu → Menu des catégories. Texte des cartes règle les noms et le soulignement des onglets des cartes, par exemple BASSARI et HALAVI. Texte des catégories règle les liens des groupes non sélectionnés, ainsi que la recherche et ses icônes. Le texte du groupe sélectionné conserve son réglage de texte actif. Les deux couleurs sont indépendantes : modifier ou rétablir automatiquement un champ ne modifie pas l’autre. Sans couleur choisie pour les cartes, leur texte utilise la couleur de paragraphe du style si elle est lisible sur la barre, sinon un texte clair ou sombre adapté. Vérifiez les deux niveaux dans l’aperçu, rechargez pour contrôler l’enregistrement du brouillon, puis publiez et vérifiez ordinateur et mobile. Si la mauvaise couleur apparaît, contrôlez le style affecté à la Liste des articles ; le préréglage Wolt utilise sa palette dédiée.