Sections, médias et animations

Ouvrez une page de contenu ou d’accueil, sélectionnez une section dans l’aperçu ou la barre latérale, puis ses panneaux de contenu, apparence et animation.

Ajouter, déplacer et masquer les sections

Ajoutez un type de section disponible, modifiez-le puis réordonnez-le. La visibilité masque la section sans supprimer son contenu. Déplacer une section vers une autre page change son emplacement. Vérifiez le brouillon avant de confirmer une suppression.

Rédiger et sélectionner le contenu

Modifiez titres, sous-titres, corps et liens des boutons pour texte/image, bannière, cartes et contenus complémentaires. Sélectionnez articles ou groupes pour les mises en avant. Les contacts peuvent afficher adresse, téléphone, horaires et réseaux. Vérifiez chaque langue au lieu d’intégrer des textes non traduits aux images.

Régler images et vidéo

Importez ou sélectionnez un média, puis réglez ajustement, voile, fond, largeur, hauteur et espacement proposés. Pour une vidéo, choisissez contrôles, lecture automatique, boucle et son coupé. Les navigateurs peuvent limiter la lecture automatique ; vérifiez le mobile et gardez le texte lisible pendant le chargement.

Créer une bannière de campagne en carrousel

Cette disposition nécessite les versions compatibles du site client et de l’Admin. Sélectionnez une section Bannière et choisissez Campagne dans Disposition. Ouvrez Diapositives, ajoutez jusqu’à six diapositives et réordonnez-les avec les flèches haut/bas. Pour chacune, choisissez une photo ou une vidéo, renseignez le texte alternatif de l’image puis titre, sous-titre, texte/lien du bouton et fond. Choisissez Afficher l’image entière pour conserver un gobelet ou produit entier, ou Remplir le panneau ; contrôlez le recadrage sur les deux formats. Les panneaux arrondis peuvent laisser entrevoir la diapositive suivante. La lecture automatique est désactivée par défaut ; si vous l’activez, réglez la durée de 5 à 30 secondes. Précédent/suivant restent disponibles ; la commande lecture/pause reste visible lorsque la lecture automatique est activée. Pour ajuster les panneaux et masquer les commandes d’une présentation manuelle, voir les réglages du carrousel. L’aperçu d’édition reste statique. Le défilement et les vidéos automatiques s’arrêtent au survol, au focus, pendant le glissement, hors écran ou lorsque l’onglet est masqué. Le mouvement réduit empêche l’automatisme jusqu’à une demande explicite de lecture. Vérifiez le clavier et les deux préférences de mouvement. Le navigateur peut limiter la lecture vidéo automatique. Gardez les informations essentielles et le lien de commande lisibles sans animation. Attendez l’enregistrement et publiez après vérification de chaque diapositive ; si le site client ne prend pas cette disposition en charge, faites confirmer sa version compatible avant publication.

Régler les panneaux et les commandes du carrousel

Ces réglages nécessitent les versions compatibles du site client et de l’Admin. Dans la bannière Campagne, ouvrez Disposition du carrousel puis réglez séparément la largeur des panneaux sur ordinateur et sur mobile, de 70 à 100 %, puis leur espacement de 0 à 64 px. La diapositive active reste centrée ; la largeur choisie détermine la place visible des diapositives voisines. Utilisez Alignement des commandes pour choisir gauche, centre ou droite. Utiliser l’espacement adaptatif par défaut rétablit un espacement adapté à chaque format. Vous pouvez masquer le compteur et la commande de lecture pour une présentation manuelle. Si la lecture automatique est activée, la commande lecture/pause reste visible même lorsque son affichage est désactivé. Sans lecture automatique ni commande de lecture, les vidéos restent sur leur image d’aperçu ; les flèches permettent toujours de changer de diapositive. Vérifiez les deux formats, le clavier, le mouvement réduit et chaque média avant publication.

Régler la grille des articles mis en avant

Sur une version compatible, sélectionnez la section d’articles mis en avant, ouvrez Disposition et couleurs puis choisissez Campagne dans Présentation des cartes. Réglez séparément les colonnes ordinateur et Colonnes sur mobile ; Pink Coffee commence avec quatre colonnes sur ordinateur et deux sur mobile. Choisissez le fond d’image et, si utile, son fond alterné, puis vérifiez images arrondies, noms, descriptions, prix et boutons de commande. Sélectionnez de vrais articles du catalogue ; cette présentation ne publie pas les articles dans une carte et ne contourne ni disponibilité, ni tailles ou modificateurs obligatoires. Vérifiez que la sélection ouvre le bon article et conserve ses choix. Pour un article absent, contrôlez statut actif, groupe de carte et canal avant de modifier le design. Dans la sélection manuelle, Sélectionner tous les produits affichés ajoute les résultats du filtre courant ; contrôlez la sélection et son ordre puis validez. Effacer la sélection vide cette liste dans le sélecteur. La grille répartit les articles sur plusieurs lignes. Largeur de la mosaïque règle sa largeur maximale de 640 à 1 800 px ; Espace entre les lignes règle le rythme vertical de 0 à 100 px. Dans Fonds individuels des produits, choisissez Produit puis son Fond d’image : ce choix remplace le fond commun ou alterné pour ce produit uniquement. Utiliser le fond commun ou alterné rétablit ce fond pour le seul produit sélectionné. Le cadrage et le zoom de chaque image restent modifiables. Noms, descriptions, prix et boutons restent réglables séparément. Ces réglages ne changent pas les articles, prix ou options du catalogue.

Prévisualiser les animations

Activez les animations utiles. Réglez entrée, durée, délai, répétition, survol et parallaxe ; le mobile peut avoir ses propres réglages. Pour textes tournants et carrousels, réglez phrases, intervalle et transition. Vérifiez le mode de mouvement réduit et gardez les informations essentielles accessibles.

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.

Conserver les choix des articles mis en avant

Lors de l’ajout d’un article mis en avant, remplissez chaque position de variante obligatoire. Le passage au menu et au panier conserve ces choix séparément des modificateurs, au prix du format choisi.