Un bouton retour en haut, le surlignage du texte, cinq nouvelles sections et une série de correctifs.

Ce qu'apporte la 2.0.3

La 2.0.3 ajoute trois nouveautés au thème : un bouton retour en haut, le surlignage d'une partie du texte et un bloc de liens à icône pour vos menus. Elle livre aussi cinq nouvelles sections prêtes à l'emploi, repense la barre de récompense du panier, et corrige une longue série de détails.

Nouveau : bouton retour en haut

Une nouvelle section, dans le groupe Superpositions, livrée avec le thème : vous n'avez rien à ajouter, il suffit de l'activer.

Vous choisissez à partir de quand le bouton apparaît : après un demi-écran de défilement, après un écran, ou en permanence. Vous le placez ensuite en bas à gauche ou en bas à droite, et vous réglez sa distance aux bords. L'affichage et la taille se règlent séparément sur mobile et sur ordinateur, vous pouvez donc le montrer sur l'un et pas sur l'autre. Trois icônes au choix, une forme ronde ou carrée, une ombre si vous la voulez, et les couleurs du nuancier que vous lui attribuez.

Sur les fiches produit, il remonte de lui-même au-dessus de la barre d'ajout au panier fixe, pour ne jamais la recouvrir.

Nouveau : surligner une partie du texte

Vous pouvez maintenant appuyer un mot ou une formule au milieu d'une phrase. Cochez « Surligner une partie du texte » dans la rubrique Apparence, puis encadrez la portion voulue par des crochets : Soutient des [intestins sains].

Cinq styles au choix, dans la couleur que vous voulez : marqueur, surligneur, soulignement épais, soulignement à main levée et encadré. Le surlignage se reforme proprement sur chaque ligne quand le texte revient à la ligne.

Disponible sur le bloc Titre, le bloc Texte, l'entête de la section Produits associés, et le bloc Icon avec texte, où le titre et le texte de chaque élément se règlent séparément.

Nouveau : liens avec icône

Un bloc pour composer une liste de liens illustrés dans le mégamenu et dans le menu mobile. Chaque lien porte son texte, son icône et sa destination. L'icône se choisit dans la bibliothèque du thème, parmi vos images, ou en collant votre propre code SVG.

Vous réglez sa position avant ou après le texte, sa taille sur mobile comme sur ordinateur, les espacements et l'alignement. Une option atténue les autres liens au survol, pour mettre en avant celui que le visiteur pointe.

Cinq nouvelles sections prêtes à l'emploi

• Barre défilante de réassurance : trois cartes à icône qui défilent en continu : livraison offerte, paiement sécurisé, retours sous 30 jours. Elle existe aussi en bloc, à poser dans un pied de page, dans un groupe ou sur une fiche produit.
• Témoignages - défilants : deux barres d'avis qui défilent en sens inverse, avec étoiles, titre et commentaire.
• Témoignages - onglets : trois onglets thématiques, chacun avec son carrousel d'avis, pour classer vos témoignages par sujet.
• Étapes - image et texte alternés : trois arguments à icône, puis trois étapes où l'image et le texte alternent de gauche à droite. Pour raconter une fabrication ou une méthode.
• Tableau de comparaison #2 : cinq colonnes avec une image en entête et six lignes de critères, pour situer votre produit face aux alternatives.

Nouveautés et améliorations

• Barre de récompense : quatre mises en page au choix : pastilles avec coche, segments séparés, étapes détaillées, badges sur la barre. L'épaisseur se règle de 4 à 20 px et tout suit. La couleur du rail, jusqu'ici figée sur un gris impossible à changer, se règle enfin, et chaque palier reçoit son icône, à prendre parmi vingt-quatre pictogrammes, parmi vos images, ou en collant votre code SVG. La barre glisse désormais vers sa nouvelle longueur au lieu de sauter d'un coup.
• Panier : la mise à jour est bien plus rapide. Changer une quantité, retirer un article ou ajouter un produit demandait deux allers-retours au serveur ; un seul suffit désormais, et seules la liste des articles, les remises et le total sont remplacés. L'indicateur de chargement apparaît dès le clic, et la barre de récompense se met à jour en même temps que le total.
• Note et code de réduction : leur affichage se commande maintenant depuis les paramètres du thème, rubrique Panier, d'une seule case pour le panier coulissant comme pour la page panier. Trois icônes au choix pour chacun, et des onglets redessinés qui occupent toute la largeur du tiroir.
• Barre d'annonces : nouvelle option « Rendre la barre fixe ». La barre reste visible pendant le défilement, au-dessus ou en dessous de l'en-tête selon l'ordre que vous avez choisi, et avec les trois modes d'en-tête fixe.
• Indicateur de position des carrousels : trois styles au choix, barre de progression, curseur ou pastilles, avec réglage de l'épaisseur. Disponible sur le bloc Carrousel, les blocs Produits complémentaires et Upsell, la Galerie de médias, la Bannière et la Collection en vedette. La barre de progression reste le choix livré : vos boutiques ne changent pas d'apparence.
• Barre défilante : elle accepte désormais la plupart des blocs du thème et plus seulement cinq blocs courts. Vous pouvez y faire défiler des avis, des cartes produit, des logos, des statistiques. Un nouveau réglage Hauteur des éléments aligne toutes les cartes sur la plus grande, et la largeur maximale s'applique maintenant à chaque élément.
• Mégamenu et menu mobile : ils peuvent adopter un nuancier différent de celui de l'en-tête. À l'ouverture du mégamenu, le reste de la page s'assombrit, et la page derrière ne défile plus.
• Bannière : la rubrique Marges devient Structure et accueille un réglage Largeur du contenu : étroite, standard ou pleine largeur. Livré sur pleine largeur, vos bannières gardent leur apparence.
• Fiche produit : deux nouveaux réglages, Marge en haut sur mobile et Marge en bas sur mobile. La mise en page « Carrousel de vignettes » de la galerie s'appelle simplement Carrousel et reçoit à son tour un indicateur de position, au choix entre les vignettes, une barre, un curseur, des pastilles ou rien.
• Produits associés : l'entête de la section se règle désormais comme un bloc Titre : texte enrichi, styles du thème, alignements et interligne sur mobile comme sur ordinateur.
• Carte produit : les blocs Séparateur et Icon avec texte peuvent y être ajoutés, y compris à l'intérieur d'un groupe.
• Bloc Image : il reçoit une marge en haut et une marge en bas, comme les autres blocs. Plus besoin d'un bloc d'espacement pour l'écarter de ce qui l'entoure.
• Badges : la taille des icônes se règle séparément sur mobile et sur ordinateur. Laissée à 0, elle continue de suivre la taille du texte. Il est également redevenu possible d'ajouter des badges un par un, sans dupliquer un badge existant.
• Compte à rebours : une marge en haut pour écarter le texte complémentaire du compteur, et un réglage de style visuel pour chacun des trois textes.
• Popup : il s'affiche par-dessus la barre d'ajout au panier fixe, occupe toute la largeur sur mobile, et son bouton de fermeture a été replacé en haut à droite, immobile au défilement. L'espace vide qui traînait en haut de chaque popup a disparu.
• Formulaire de contact : une liste déroulante ouverte reprend enfin l'apparence de vos champs, fond, bordure, arrondi, police et couleur de survol, au lieu du dessin gris imposé par le navigateur. Sur mobile, la roulette du téléphone reste inchangée.

Correctifs

• Sélecteur de variantes : la flèche est centrée sur la hauteur du champ. La correction vaut aussi pour les menus déroulants de la page adresses et des filtres de collection.
• Galerie produit : l'indicateur est enfin centré sous la photo, et le passage de la dernière image à la première ne provoque plus de saccade.
• Menu mobile : il occupe désormais toute la hauteur de l'écran, et passe au-dessus de la barre d'ajout au panier fixe qui masquait une partie de son contenu.
• Stories : après avoir refermé une story, les vidéos placées plus bas dans la page se lancent de nouveau au défilement.
• Upsell : changer la variante met l'image à jour. Si une variante n'a pas d'image propre, la vignette revient à l'image principale du produit.
• Hotspot image : dans un carrousel, la fenêtre s'ouvre et se referme normalement. Elle n'est plus coupée par les bords, bascule vers le bas quand la place manque en haut, et s'affiche par-dessus les sections suivantes.
• Barre défilante : un compte à rebours décompte maintenant sur tous ses exemplaires, et un bloc Vidéo s'y affiche enfin.
• Blocs Icon et Icon avec texte : une image rectangulaire choisie comme icône garde ses proportions au lieu d'être étirée en carré.
• Bloc Vidéo : le liseré sombre qui apparaissait le long des bords droit et bas a disparu.
• Bloc Tableau : la barre de défilement verticale qui apparaissait brièvement et ne défilait rien ne s'affiche plus.
• Panier : le champ Note n'est plus démesurément arrondi quand l'arrondi des champs est poussé au maximum.
• Traductions : le bouton d'ajout du bloc Cross-sell s'affiche dans la langue du visiteur, et non plus en français sur les boutiques anglophones.

À vérifier après la mise à jour

Deux réglages changent de comportement, sur les boutiques qui les avaient personnalisés :

• Marges de la fiche produit sur mobile : elles étaient déduites de celles de l'ordinateur, aux trois quarts de leur valeur. Vous les fixez désormais vous-même. Si vous aviez modifié vos marges sur ordinateur, vérifiez celles du mobile.
• Entête de la section Produits associés : les réglages de police, de taille et de couleur sur mesure laissent place aux styles du thème. Si vous aviez personnalisé cette typographie, l'entête reprendra le style du thème et se réajuste depuis la rubrique Apparence.

Comment en profiter

Mettez à jour votre thème en 1 clic depuis votre dashboard : vos personnalisations sont conservées.