Cette page a été imprimée le Apr 20, 2024. Pour la dernière version, allez à https://help.shopify.com/fr/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/add-pick-an-option.
Lorsque des clients visitent une page de produit dans votre boutique en ligne, la première variante disponible est sélectionnée par défaut. Vous pouvez utiliser cette personnalisation pour désactiver la sélection automatique de la première variante disponible. Ainsi, les clients seront invités à sélectionner manuellement une variante avant qu’il ne s’en affiche une.
Il existe deux instances de cette ligne de code. Toutes deux se trouvent dans la fonction productVariantCallback. Remplacez uniquement la deuxième instance par :
Cliquez sur Save (Enregistrer).
Modification du modèle de la page de produits
Pour modifier le modèle de la page de produits :
Dans le répertoire Sections, cliquez sur product-template.liquid.
Recherchez le code {% schema %}. Collez le code suivant sur sa propre ligne au-dessus de cela :
Il doit ressembler à ceci :
Cliquez sur Save (Enregistrer).
Modification des paramètres de langue du bouton Ajouter au panier
Vous pouvez modifier les paramètres de langue du bouton « Ajouter au panier » de sorte que les produits n’apparaissent pas comme « Indisponibles » avant qu’une sélection ne soit faite.
Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
Recherchez le thème que vous souhaitez modifier, puis cliquez sur ... > Modifier le contenu du thème par défaut.
Dans la case Filtre, commencez à taper unavailable pour afficher la traduction « Indisponible ».
Remplacez la mention Non disponible par Make a selection.
Cliquez sur Save (Enregistrer).
Étapes pour Debut
Suivez ces étapes pour appliquer la personnalisation à Debut :
Modification du fichier JavaScript de votre thème
Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
Dans le répertoire Ressources, cliquez sur theme.js ou theme.js.liquid.
Ajoutez le code suivant au bas du fichier :
Recherchez le code _updatePrice: function(variant). Remplacez le code suivant :
par :
Si vous ne trouvez pas le code ci-dessus, recherchez le code suivant :
Modification des paramètres de langue du bouton Ajouter au panier
Vous pouvez modifier les paramètres de langue du bouton « Ajouter au panier » de sorte que les produits n’apparaissent pas comme « Indisponibles » avant qu’une sélection ne soit faite.
Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
Recherchez le thème que vous souhaitez modifier, puis cliquez sur ... > Modifier le contenu du thème par défaut.
Dans la case Filtre, commencez à taper unavailable pour afficher la traduction « Indisponible ».
Remplacez la mention Non disponible par Make a selection.
Cliquez sur Save (Enregistrer).
Étapes pour Minimal
Suivez ces étapes pour appliquer la personnalisation à Minimal :
Modification du fichier JavaScript de votre thème
Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
Dans le répertoire Ressources, cliquez sur theme.js ou theme.js.liquid.
Recherchez le code initProductVariant: function() {. En dessous, recherchez le code suivant :
Ajoutez le code suivant sur une nouvelle ligne au-dessous :
Il doit ressembler à ceci :
Cliquez sur Save (Enregistrer).
Modification du modèle de la page de produits
Pour modifier le modèle de la page de produits :
Dans le répertoire Sections, cliquez sur product-template.liquid.
Recherchez le code {% schema %}. Collez le code suivant sur sa propre ligne au-dessus de cela :
Il doit ressembler à ceci :
Cliquez sur Save (Enregistrer).
Modification des paramètres de langue du bouton Ajouter au panier
Vous pouvez modifier les paramètres de langue du bouton « Ajouter au panier » de sorte que les produits n’apparaissent pas comme « Indisponibles » avant qu’une sélection ne soit faite.
Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
Recherchez le thème que vous souhaitez modifier, puis cliquez sur ... > Modifier le contenu du thème par défaut.
Dans la case Filtre, commencez à taper unavailable pour afficher la traduction « Indisponible ».
Remplacez la mention Non disponible par Make a selection.
Cliquez sur Save (Enregistrer).
Étapes pour Narrative
Suivez ces étapes pour appliquer la personnalisation à Narrative :
Modification du fichier JavaScript de votre thème
Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
Dans le répertoire Assets (Ressources), cliquez sur custom.js.
Ajoutez le code suivant au bas du fichier :
Cliquez sur Save (Enregistrer).
Modification du modèle de la page de produits
Pour modifier le modèle de la page de produits :
Dans le répertoire Sections, cliquez sur product-template.liquid.
Recherchez le code {% schema %}. Collez le code suivant sur sa propre ligne au-dessus de cela :
Il doit ressembler à ceci :
Cliquez sur Save (Enregistrer).
Modification des paramètres de langue du bouton Ajouter au panier
Vous pouvez modifier les paramètres de langue du bouton « Ajouter au panier » de sorte que les produits n’apparaissent pas comme « Indisponibles » avant qu’une sélection ne soit faite.
Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
Recherchez le thème que vous souhaitez modifier, puis cliquez sur ... > Modifier le contenu du thème par défaut.
Dans la case Filtre, commencez à taper unavailable pour afficher la traduction « Indisponible ».
Remplacez la mention Non disponible par Make a selection.
Cliquez sur Save (Enregistrer).
Étapes pour Simple
Suivez ces étapes pour appliquer la personnalisation à Simple :
Modification du fichier JavaScript de votre thème
Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
Dans le répertoire Ressources, cliquez sur theme.js ou theme.js.liquid.
Recherchez le code initProductVariant: function() {. En dessous, recherchez le code suivant :
Ajoutez le code suivant sur une nouvelle ligne au-dessous :
Il doit ressembler à ceci :
Cliquez sur Save (Enregistrer).
Modification du modèle de la page de produits
Pour modifier le modèle de la page de produits :
Dans le répertoire Sections, cliquez sur product-template.liquid.
Recherchez le code {% schema %}. Collez le code suivant sur sa propre ligne au-dessus de cela :
Il doit ressembler à ceci :
Cliquez sur Save (Enregistrer).
Modification des paramètres de langue du bouton Ajouter au panier
Vous pouvez modifier les paramètres de langue du bouton « Ajouter au panier » de sorte que les produits n’apparaissent pas comme « Indisponibles » avant qu’une sélection ne soit faite.
Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
Recherchez le thème que vous souhaitez modifier, puis cliquez sur ... > Modifier le contenu du thème par défaut.
Dans la case Filtre, commencez à taper unavailable pour afficher la traduction « Indisponible ».
Remplacez la mention Non disponible par Make a selection.
Cliquez sur Save (Enregistrer).
Étapes pour Supply
Suivez ces étapes pour appliquer la personnalisation à Supply :
Modification du fichier JavaScript de votre thème
Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
Dans le répertoire Ressources, cliquez sur theme.js ou theme.js.liquid.
Recherchez le code initProductVariant: function() {. En dessous, recherchez le code suivant :
Ajoutez le code suivant sur une nouvelle ligne au-dessous :
Il doit ressembler à ceci :
Cliquez sur Save (Enregistrer).
Modification du modèle de la page de produits
Pour modifier le modèle de la page de produits :
Dans le répertoire Sections, cliquez sur product-template.liquid.
Recherchez le code {% schema %}. Collez le code suivant sur sa propre ligne au-dessus de cela :
Il doit ressembler à ceci :
Cliquez sur Save (Enregistrer).
Modification des paramètres de langue du bouton Ajouter au panier
Vous pouvez modifier les paramètres de langue du bouton « Ajouter au panier » de sorte que les produits n’apparaissent pas comme « Indisponibles » avant qu’une sélection ne soit faite.
Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
Recherchez le thème que vous souhaitez modifier, puis cliquez sur ... > Modifier le contenu du thème par défaut.
Dans la case Filtre, commencez à taper unavailable pour afficher la traduction « Indisponible ».
Remplacez la mention Non disponible par Make a selection.
Cliquez sur Save (Enregistrer).
Étapes pour Venture
Suivez ces étapes pour appliquer la personnalisation à Venture :
Modification du fichier JavaScript de votre thème
Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
Dans le répertoire Ressources, cliquez sur theme.js ou theme.js.liquid.
Recherchez le code {% schema %}. Collez le code suivant sur sa propre ligne au-dessus de cela :
Il doit ressembler à ceci :
Cliquez sur Save (Enregistrer).
Modification des paramètres de langue du bouton Ajouter au panier
Vous pouvez modifier les paramètres de langue du bouton « Ajouter au panier » de sorte que les produits n’apparaissent pas comme « Indisponibles » avant qu’une sélection ne soit faite.
Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
Recherchez le thème que vous souhaitez modifier, puis cliquez sur ... > Modifier le contenu du thème par défaut.
Dans la case Filtre, commencez à taper unavailable pour afficher la traduction « Indisponible ».
Remplacez la mention Non disponible par Make a selection.
Cliquez sur Save (Enregistrer).
Étapes à suivre pour les thèmes sans sections
Ajouter des invites aux menus déroulants de vos variantes
Pour ajouter des invites à vos menus déroulants de variantes :
Dans le répertoire Snippets (Extraits), cliquez sur Ajouter un nouveau snippet (Ajouter un nouvel extrait).
Dans le répertoire Mise en page, cliquez sur theme.liquid.
Recherchez la balise de fermeture </body> près du bas du fichier. Sur une nouvelle ligne juste au-dessus de la balise de fermeture </body>, collez le code suivant :
Cliquez sur Save (Enregistrer).
Recherchez le fichier qui contient le formulaire d'ajout au panier. Il aura un attribut action défini sur /cart/add. Il doit se trouver dans un de ces quatre fichiers :
Minimal, Pop ou Supply : si vous utilisez le thème Minimal, Pop ou Supply, recherchez toutes les occurrences du code suivant :
Remplacez-les par :
Autres thèmes gratuits de Shopify : si vous utilisez un autre thème Shopify, recherchez le code suivant :
Remplacez-le par :
Cliquez sur Save (Enregistrer).
Modification des paramètres de langue du bouton Ajouter au panier
Vous pouvez modifier les paramètres de langue du bouton « Ajouter au panier » de sorte que les produits n’apparaissent pas comme « Indisponibles » avant qu’une sélection ne soit faite.
Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
Recherchez le thème que vous souhaitez modifier, puis cliquez sur ... > Modifier le contenu du thème par défaut.
Dans la case Filtre, commencez à taper unavailable pour afficher la traduction « Indisponible ».
Remplacez la mention Non disponible par Make a selection.