Documentation du thème Helm

1. 1

   Ajouter Helm à votre boutique

   Helm est distribué par le Shopify Theme Store. Une fois ajouté, il apparaît dans votre bibliothèque de thèmes, sous Online Store dans votre admin Shopify.

2. 2

   Ouvrir l'éditeur de thème

   Sur la carte de Helm, cliquez sur Edit theme. La page d'accueil s'ouvre avec sa composition par défaut : un hero, une ligne de chiffres, un mode d'emploi, des cartes de collection, une FAQ et un appel à l'action, chacun dans une section Canvas.

3. 3

   Régler vos couleurs et vos polices

   Cliquez sur l'icône Theme settings. Dans Colors, ajustez les schémas de couleurs ; dans Typography, choisissez les polices des titres, du texte et d'accent.

4. 4

   Brancher vos menus et publier

   Créez vos menus sous Content > Menus, choisissez le menu principal dans les réglages de la section Header, puis remplacez les textes et les images d'exemple. Publiez le thème quand vos pages sont prêtes.

Les libellés de l'admin Shopify sont écrits ici en anglais, comme dans le centre d'aide Shopify. Votre admin les affiche dans sa propre langue. Les réglages propres à Helm s'affichent en anglais dans l'éditeur de thème : la version 1.0.8 n'a ses libellés d'éditeur qu'en anglais.

Le preset Helm

Le preset fixe les valeurs de départ de Theme settings. Changez-en autant que vous voulez ensuite : le preset n'est que le point de départ de la boutique.

Presets de la section Canvas

Quand vous ajoutez une section, l'éditeur propose ces compositions de Canvas. Toutes, sauf le Canvas vide, arrivent avec leurs blocs et un texte d'exemple.

• Ajouter une section. Dans la barre latérale de l'éditeur, cliquez sur Add section et choisissez Canvas ou l'un de ses presets.
• Ajouter un bloc. Survolez une section Canvas et cliquez sur Add block. Canvas accepte tous les blocs de thème et les blocs d'application.
• Réorganiser. Faites glisser un bloc ou une section par sa poignée, puis cliquez sur Save.
• Masquer sans supprimer. Survolez le nom d'un bloc ou d'une section et cliquez sur Hide.
• Réglages de la section. Chaque section Canvas règle sa largeur, l'espace entre ses blocs, ses marges haute et basse sur ordinateur et sur mobile, son schéma de couleurs et un identifiant d'ancre pour les liens.
• Des blocs dans des blocs. Ces blocs en accueillent d'autres : Group, Columns, Split, Hero, Slide, Tab, Accordion item.

Les blocs dont le comportement mérite d'être connu

• Heading. Le niveau de titre et la taille visuelle sont deux réglages séparés : un petit titre peut rester le titre principal de la page. Gardez un seul titre principal par page.
• Button. Styles Primary, Secondary et Ghost, tailles Small, Medium et Large. Link relationship pose nofollow, sponsored, ugc ou noreferrer sur ce seul lien ; Default suit Theme settings.
• Video. Importez une vidéo dans Shopify ou collez une URL YouTube ou Vimeo, puis réglez la lecture automatique, la boucle, le son coupé et les commandes.
• Icon. Choisissez l'une des 18 icônes, puis sa taille, sa couleur et son alignement.
• Countdown. Décompte jusqu'à la date indiquée dans End date, la même pour tout le monde. Il n'affiche rien sans date future, et se masque une fois la date passée.
• Email capture. Crée un client dans Shopify avec l'étiquette indiquée dans Customer tag, leadmagnet par défaut, pour que votre outil d'e-mail puisse segmenter dessus.
• Review card. Reliez-le à une entrée d'un métaobjet product_review, avec les champs title, review, rating, author_name et author_avatar, ou remplissez-le à la main. Les métaobjets se trouvent sous Content > Metaobjects.
• Product rating. Affiche des étoiles à partir des métachamps produit reviews.rating et reviews.rating_count, et rien tant qu'ils sont vides.
• Step list. Remplissez HowTo name (for SEO) et la liste émet aussi des données structurées HowTo pour ses étapes.
• Store location. Adresse, horaires d'ouverture, téléphone, coordonnées et gamme de prix. Le bloc émet aussi des données structurées LocalBusiness.
• Product price. Affiche le prix de la variante choisie, avec son prix barré et son prix unitaire, et suit la variante que le client sélectionne. Le retrait en magasin et la bannière Shop Pay Installments la suivent aussi.
• Product bundle. Liste la première variante disponible de chaque produit choisi à son prix réel, puis leur total réel, sans remise. Un bouton les ajoute tous au panier ; les produits épuisés sont écartés.

Le modèle de produit démarre avec le titre, le prix, la note, le sélecteur de variante, la quantité, les boutons d'achat, le retrait en magasin, Shop Pay Installments et la description, puis les produits complémentaires, des arguments, une garantie, les produits associés, une FAQ et la barre d'ajout au panier fixe.

Il n'y a pas de modèle customers : Shopify héberge les comptes clients, et l'icône de compte de l'en-tête ouvre la connexion.

• Les produits du panier, avec leur quantité et un bouton de suppression.
• Une barre de progression vers la livraison gratuite, quand le seuil est supérieur à zéro.
• Les réductions déjà appliquées au panier, comme les réductions automatiques. Il n'y a pas de champ de code de réduction : les clients saisissent leurs codes au paiement.
• Une note de commande, quand Show order note est activé.
• Les coordonnées du destinataire d'une carte cadeau, sous la ligne concernée.
• Des recommandations de produits, réglées dans la section Cart drawer.

Avec un autre Cart type, l'icône du panier mène à la page panier.

Indexation

• Exclu de la recherche par défaut. Le panier, les résultats d'une recherche, les collections filtrées par étiquette et chaque page après la première sont marqués noindex.
• Modèles d'atterrissage. Auto-noindex landing pages, activé dans le preset, marque noindex les modèles dont le nom contient landing, leadmagnet ou advertorial.
• Page par page. Un métachamp texte seo.robots sur une page, un produit, un article ou une collection remplace la valeur pour cet élément, par exemple noindex,follow.
• Moteurs d'IA. Quand Allow AI engines to read your content est désactivé, Helm ajoute des balises noindex adressées à GPTBot, ClaudeBot, PerplexityBot, CCBot et Google-Extended.
• Liens vers d'autres sites. Les boutons, les liens d'image, la barre d'annonce, le pied de page et l'adresse de magasin ajoutent nofollow, noreferrer et un nouvel onglet aux liens qui quittent votre boutique, selon les réglages SEO. Un bouton ou une image peut s'en écarter avec son Link relationship.

Données structurées

Le JSON-LD qu'émet Helm, et ce qui déclenche chaque type.

• Organization. Sur chaque page, avec votre logo, la description de votre boutique et les comptes sociaux de Theme settings. La page d'accueil ajoute WebSite avec une action de recherche.
• Product. Sur les pages produit, avec l'offre de la variante choisie.
• BlogPosting. Sur les articles.
• CollectionPage. Sur les pages de collection.
• BreadcrumbList. Là où le fil d'Ariane est affiché.
• FAQPage. À partir du métachamp de page faq.items, une liste de métaobjets avec une question et une réponse, sur les pages qui utilisent page.faq ou portent ce métachamp.
• HowTo. À partir d'un Step list dont le HowTo name est rempli.
• LocalBusiness. À partir de chaque bloc Store location.

• Aucun script de suivi. Helm n'ajoute aucun script d'analyse ni de publicité. Connectez vos pixels sous Settings > Customer events, ou par les applications qui les fournissent.
• Consentement. Helm lit le consentement des visiteurs dans l'API Customer Privacy de Shopify. Activez la bannière de cookies sous Settings > Customer privacy.
• Préférences de cookies. Le bloc Cookie preferences, dans le pied de page par exemple, rouvre les choix de confidentialité du visiteur.
• Un script à vous. Utilisez une section ou un bloc Custom Liquid sur les modèles qui en ont besoin.

• Traductions de la boutique. Les textes de la boutique sont fournis en anglais, français, espagnol et allemand.
• Ajouter une langue. Ajoutez et publiez une langue sous Settings > Languages. Pour une langue que Helm ne fournit pas, traduisez-la avec l'application Translate & Adapt de Shopify ou une autre application de traduction.
• Éditeur de thème. Les libellés des réglages de Helm sont uniquement en anglais, quelle que soit la langue de l'admin.
• De droite à gauche. Pour l'arabe, l'hébreu, le persan, l'ourdou et les autres langues qui s'écrivent de droite à gauche, Helm inverse le sens de la page.