03GéNéRAL

Article principal

Cette page explique le comportement réel de « Article principal », les données dont il dépend et l’effet de ses réglages.

Article principal

Cette page explique le comportement réel de « Article principal », les données dont il dépend et l’effet de ses réglages.

Présente dans les modèles
article.ingredients.jsonarticle.jsonarticle.routines.jsonarticle.skin-essentials.jsonarticle.skin-notes.json

Ce que le thème fait automatiquement

  • →

    Le temps de lecture est recalculé à partir du texte sans HTML : nombre de mots ÷ 220, puis une minute est ajoutée.

  • →

    Le sommaire est construit côté navigateur depuis les titres H2 et H3 ; il ne s’affiche que si le minimum configuré est atteint et se replie par défaut sur mobile.

  • →

    L’extrait, les tags et l’auteur proviennent de l’article Shopify. Lorsque la donnée est absente, la zone correspondante n’est pas rendue.

  • →

    Le partage natif n’apparaît que si le navigateur prend en charge Web Share. La copie du lien possède un mécanisme de secours et le message de confirmation revient à son état initial après environ 1,8 seconde.

  • →

    La biographie Shopify de l’auteur est prioritaire sur la biographie saisie dans la section. Sans photo, l’initiale de l’auteur est utilisée.

  • →

    Les commentaires n’apparaissent que s’ils sont activés sur le blog ; ils sont paginés par dix et respectent la modération Shopify.

  • →

    Le produit sticky apparaît après le passage du repère placé sous l’en-tête. Un produit à variante unique peut être ajouté directement ; un produit à plusieurs variantes ouvre le sélecteur.

  • →

    La pagination est calculée par Shopify : la section ne charge que le nombre d’éléments prévu par page.

  • →

    L’ajout utilise le panier Shopify. Le prix, le stock et la disponibilité restent contrôlés par Shopify.

Comprendre les réglages

En-tête

Configurez les textes et éléments affichés dans la partie supérieure de la section.

Disposition de l’en-têteheader_layout
Par défaut : editorial · Choix : Éditoriale, Texte sur l’image, Minimaliste
Afficher le fil d’Arianeshow_breadcrumbs
Par défaut : activé
Libellé accessible du fil d’Arianebreadcrumbs_label
Afficher l’extraitshow_excerpt
Par défaut : activé
Afficher l’auteurshow_author
Par défaut : activé
Préfixe de l’auteurauthor_prefix
Afficher le temps de lectureshow_reading_time
Par défaut : activé
Libellé du temps de lecturereading_time_label
Afficher les tagsshow_tags
Par défaut : activé
Libellé accessible des tagstags_label
Format de date Liquiddate_format

Utilisez un format de date Liquid, par exemple %d %B %Y.

Par défaut : %d %B %Y
Hauteur de l’image sur ordinateurhero_height
Par défaut : 620 · Plage : 420–820px
Hauteur de l’image sur mobilehero_height_mobile
Par défaut : 520 · Plage : 360–680px
Assombrissement de l’imageoverlay
Par défaut : 40 · Plage : 0–80%

Lecture

Réglez la largeur de lecture et la génération du sommaire de l’article.

Largeur du textecontent_width
Par défaut : 760 · Plage : 620–920px
Afficher le sommaire automatiqueshow_toc
Par défaut : activé
Titre du sommairetoc_heading
Nombre minimal de headingstoc_min_headings

Le sommaire apparaît uniquement lorsque l’article contient au moins ce nombre d’intertitres.

Par défaut : 2 · Plage : 1–6

Partage

Activez les options de partage et personnalisez leurs libellés et messages d’état.

Afficher le partageshow_share
Par défaut : activé
Sur-titre du partageshare_eyebrow
Titre du partageshare_heading
Libellé du partage natifnative_share_label
Libellé de copiecopy_label
Confirmation de copiecopied_label
Message d’erreur de partageshare_error
Libellé Facebookshare_facebook_label
Libellé Pinterestshare_pinterest_label
Libellé WhatsAppshare_whatsapp_label

Auteur

Configurez la présentation complémentaire de l’auteur à la fin de l’article.

Afficher la fiche auteurshow_author_box
Par défaut : activé
Sur-titre de la fiche auteurauthor_box_eyebrow
Photo de l’auteurauthor_image
Fonction ou expertiseauthor_role
Biographieauthor_bio

Produit sticky sur mobile

Configurez la barre d’achat qui reste accessible pendant la lecture sur mobile.

Afficher un produit stickyshow_sticky_product
Par défaut : désactivé
Produitfeatured_product

Le produit est utilisé par la barre d’achat mobile lorsque celle-ci est activée.

Libellé accessiblesticky_accessibility_label
Sur-titre du produitsticky_eyebrow
Libellé d’ajoutsticky_add_label
Libellé de sélectionsticky_choose_label
Libellé pendant l’ajoutsticky_adding_label
Libellé après l’ajoutsticky_added_label
Libellé indisponiblesticky_sold_out_label
Message en cas d’erreursticky_error_label

Commentaires

Adaptez les textes du formulaire de commentaire et ses messages de confirmation.

Sur-titre des commentairescomments_eyebrow
Titre des commentairescomments_heading
Titre du formulairecomment_form_heading
Libellé du nomcomment_name_label
Libellé de l’adresse e-mailcomment_email_label
Libellé du commentairecomment_body_label
Libellé du boutoncomment_submit_label
Message de confirmationcomment_success_message
Message avec modérationcomment_moderated_message

Espacement

Ajustez l’espace au-dessus et au-dessous de la section.

Marge supérieure du contenupadding_top
Par défaut : 72 · Plage : 0–120px
Marge inférieure du contenupadding_bottom
Par défaut : 104 · Plage : 0–160px

Palette de la section

Applique une palette cohérente au fond, au texte et aux boutons de cette section.

Apparence de la section

Utiliser une palette dédiéeopaline_use_color_scheme
Par défaut : désactivé
Paletteopaline_color_scheme
Par défaut : scheme-1

Titre

Alignement sur ordinateuropaline_heading_alignment
Par défaut : inherit · Choix : Conserver le design, Gauche, Centre, Droite

Espacement

Espace après la sectionopaline_section_spacing

Crée un espace entre cette section et la suivante. L’espacement mobile s’adapte automatiquement.

Par défaut : 0 · Plage : 0–160px
Retrait à gauche et à droiteopaline_content_inset

Éloigne le contenu des bords. L’espacement mobile s’adapte automatiquement.

Par défaut : 0 · Plage : 0–120px

Blocs disponibles

Cette section ne contient pas de blocs réorganisables. Son contenu est contrôlé par ses réglages et les données Shopify associées.

Avant de publier

  • ✓

    Le contenu reste lisible dans toutes les palettes.

  • ✓

    Les libellés correspondent à la langue de la boutique.

  • ✓

    Les promotions affichées correspondent aux règles Shopify.

  • ✓

    Les interactions restent accessibles au clavier et au toucher.