03GéNéRAL

Produit principal

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

Produit principal

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

Présente dans les modèles
product.bulk.jsonproduct.jsonproduct.morning-routine.jsonproduct.night-routine.jsonproduct.subscriptions.jsonproduct.unsellable-product.json

Ce que le thème fait automatiquement

  • →

    Changer de variante met à jour l’URL lorsque l’option correspondante est activée.

  • →

    Les blocs d’achat utilisent toujours la variante sélectionnée ou la première variante disponible.

  • →

    Les offres volume n’appliquent pas seules une remise : la règle correspondante doit exister dans Shopify.

  • →

    Les blocs sans donnée pertinente sont masqués afin d’éviter des zones vides.

  • →

    Certaines données peuvent provenir des métachamps Shopify ; une valeur absente masque généralement l’élément concerné.

Comprendre les réglages

Galerie

Réglez la présentation des médias du produit et les libellés de navigation accessibles.

Disposition de la galerie sur ordinateurmedia_layout

Sur mobile, la grille devient une galerie tactile affichant un média à la fois.

Par défaut : carousel · Choix : Carrousel, Grille éditoriale
Largeur des médiasmedia_width
Par défaut : 58 · Plage : 20–75%
Afficher les miniaturesshow_thumbnails
Par défaut : activé
Ajouter la vignette Acheter le lookshow_buy_the_look

La vignette reste masquée si aucune section Acheter le look n’est présente sur la page.

Par défaut : activé
Libellé Acheter le lookbuy_the_look_label
Par défaut : Buy the look
Icôneicon_bundle_product
Par défaut : question · Choix : Look, Question, Mesures, Soin, Matières, Cadeau, Étincelle
Libellé accessiblebuy_the_look_accessibility_label
Par défaut : Découvrir tous les produits de ce look
Lookbook ciblebuy_the_look_target

Choisissez le lookbook ouvert par le bouton situé à côté des vignettes produit. Automatique utilise le premier lookbook disponible sur la page.

Par défaut : auto · Choix : Automatique — premier lookbook disponible, Lookbook shoppable, Lookbook bundle
Ajustement des imagesmedia_fit
Par défaut : cover · Choix : Remplir, Voir l’image entière

Spécifications de catégorie

Affiche automatiquement les attributs de catégorie Shopify renseignés sur le produit, sous la galerie média.

Afficher le tableau de spécificationsshow_category_specifications
Par défaut : activé
Afficher la catégorie Shopifyshow_category_specifications_category
Par défaut : activé
Surtitrecategory_specifications_eyebrow
Par défaut : Détails du produit
Titrecategory_specifications_heading
Par défaut : Spécifications
Libellé de la catégoriecategory_specifications_category_label
Par défaut : Catégorie
Nombre maximum d’attributscategory_specifications_limit
Par défaut : 18 · Plage : 1–30

Disposition et défilement

Position des informations produitcontent_position
Par défaut : right · Choix : Contenu à droite / média à gauche, Contenu à gauche / média à droite
Comportement du défilement sur ordinateurscroll_behavior

L’option de média fixe maintient l’image en place pendant que le contenu d’achat continue de défiler.

Par défaut : sticky_media · Choix : Défilement naturel, Conserver le média visible
Animation d’apparition du contenuscroll_animation
Par défaut : fade_up · Choix : Aucune, Fondu vers le haut, Glissement latéral, Zoom doux
Actualiser l’URL de varianteupdate_url

Met à jour l’adresse de la page lorsque le client change de variante.

Par défaut : activé
Libellé de la galeriemedia_gallery_label
Libellé voir le médiaview_media_label
Libellé média précédentprevious_media_label
Libellé média suivantnext_media_label

Achat

Configurez les actions d’achat et les messages affichés pendant l’ajout au panier.

Ajouter au panieradd_label
Ajout en coursadding_label
Produit ajoutéadded_label
Erreur d’ajouterror_label
Produit épuisésold_out_label
Variante indisponibleunavailable_label
Barre d’achat fixesticky_mode
Par défaut : both · Choix : Désactivée, Mobile uniquement, Ordinateur uniquement, Mobile et ordinateur
Libellé du bouton fixesticky_label

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

Bloc d’application@app

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

Marquevendor
Limite : 1

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

Titretitle
Limite : 1

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

Prixprice
Limite : 1

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

Note produitrating
Limite : 1

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

Textetext

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

Sélecteur de variantesvariant_picker
Limite : 1

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

Guide universel Opalinesize_guide
Limite : 1

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

Assistant Opalinevirtual_assistant
Limite : 1

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

Disponibilitéinventory
Limite : 1

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

SKU / référencesku
Limite : 1

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

Quantitéquantity_selector
Limite : 1

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

Fréquence d’achatselling_plan
Limite : 1

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

Boutons d’achatbuy_buttons
Limite : 1

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

Moyens de paiementpayment_methods
Limite : 1

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

Descriptiondescription
Limite : 1

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

Accordéonaccordion

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

Badges produitproduct_badges
Limite : 1

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

Métachamps de catégoriecategory_metafields
Limite : 1

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

Estimation de livraisondelivery_estimate
Limite : 1

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

Jauge livraison offertefree_shipping
Limite : 1

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

Tarifs dégressifsvolume_offers
Limite : 1

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

Personnalisationpersonalization

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

Option cadeaugift_option
Limite : 1

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

Avantages de réassurancetrust_list
Limite : 1

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

Tiroir de détailsdetail_drawer

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

Liquid personnalisécustom_liquid

Ajoutez ce bloc uniquement lorsqu’il apporte une information utile au parcours.

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.