Affichage des prix unitaires
Si vous vendez des produits en quantités ou en mesures, vous devrez peut-être afficher le prix unitaire de certains produits. Lorsque vous saisissez un prix unitaire pour un produit, celui-ci est affiché sur les pages de produit, les pages de collection, la page de panier, les pages de passage à la caisse et les notifications de confirmation de commande.
Sur cette page
Ajouter des prix unitaires à votre produit
Depuis votre interface administrateur Shopify, allez àProduits.
Cliquez sur le nom du produit que vous souhaitez modifier.
Cliquez sur la variante à mettre à jour.
SousPricing(Tarification), sélectionnezShow unit price for this product(Afficher le prix unitaire de ce produit).
Dans le champTotal measurement of product(Mesure totale de produit), saisissez le nombre d'unités de votre produit.
Utilisez le menu déroulantSelect unit(Sélectionner l'unité) pour sélectionner l'unité de mesure de la variante. Le type d'unité que vous affichez diffère selon le type de produit que vous vendez. Par exemple, si le produit contient 2 litres de savon, sélectionnezlitres.
Dans le champUnit price(Prix unitaire), saisissez le prix unitaire du produit.
Facultatif : sélectionnez un chiffre pour l'unité de base. Par exemple, pour un produit pesant 1 kg, vous pouvez sélectionner une unité de base de 100 g.
Cliquez surSave.
Dans l'application Shopify, accédez àProduits>Tous les produits.
À l'écranTous les produits, appuyez sur un produit :
Appuyez苏尔la变体你们希望把à jour.
SousPricing(Tarification), sélectionnezShow unit price for this product(Afficher le prix unitaire de ce produit).
Dans le champTotal measurement of product(Mesure totale de produit), saisissez le nombre d'unités de votre produit.
Utilisez le menu déroulantSelect unit(Sélectionner l'unité) pour sélectionner l'unité de mesure de la variante. Le type d'unité que vous affichez diffère selon le type de produit que vous vendez. Par exemple, si le produit contient 2 litres de savon, sélectionnezlitres.
Dans le champUnit price(Prix unitaire), saisissez le prix unitaire du produit.
Facultatif : sélectionnez une unité de base. Par exemple, pour un produit pesant 1 kg, vous pouvez sélectionner une unité de base de 100 g.
Appuyez surEnregistrer.
Dans l'application Shopify, accédez àProduits>Tous les produits.
À l'écranTous les produits, appuyez sur un produit :
Appuyez苏尔la变体你们希望把à jour.
SousPricing(Tarification), sélectionnezShow unit price for this product(Afficher le prix unitaire de ce produit).
Dans le champTotal measurement of product(Mesure totale de produit), saisissez le nombre d'unités de votre produit.
Utilisez le menu déroulantSelect unit(Sélectionner l'unité) pour sélectionner l'unité de mesure de la variante. Le type d'unité que vous affichez diffère selon le type de produit que vous vendez. Par exemple, si le produit contient 2 litres de savon, sélectionnezlitres.
Dans le champUnit price(Prix unitaire), saisissez le prix unitaire du produit.
Facultatif : sélectionnez une unité de base. Par exemple, pour un produit pesant 1 kg, vous pouvez sélectionner une unité de base de 100 g.
Appuyez surEnregistrer.
Afficher les prix unitaires dans votre boutique en ligne
Les étapes de cette personnalisation varient selon le thème choisi. Cliquez sur le bouton de votre thème avant de suivre les instructions ci-dessous :
Étapes pour Debut
Les prix unitaires sont disponibles dans le thème Debut des versions 12.1.0 et au-delà. Si vous n’êtes pas en mesure de mettre à jour votre thème pour utiliser la dernière version, vous pouvez ajouter la personnalisation des prix unitaires aux versions antérieures de Debut.
Modifier l’extrait de prix d’un produit
Dans le répertoireSnippets(Extraits), ouvrez le fichier
product-price.liquid
.Utilisez leraccourci clavier rechercherpour trouver le code suivant en recherchant
data-price
:
- Remplacez le code par l'extrait suivant :
然后vos修改,结果devrait ressembler à ceci :
- Utilisez leraccourci clavier rechercherpour trouver le code suivant en recherchant
price__sale
:
- Ajoutez le code suivant dans la balise de fermeture
- Cliquez surEnregistrerpour confirmer vos modifications.
Modifier la page du panier
Dans le répertoireSections, cliquez sur le fichier
cart-template.liquid
.Utilisez leraccourci clavier rechercherpour trouver le code suivant en recherchant
cart__price-wrapper
:
- Remplacez le code par l'extrait suivant :
Après vos modifications, le fichiercart-template.liquid
devrait ressembler à ceci :
- Cliquez surEnregistrerpour confirmer vos modifications.
Modifier une page de collection
Dans le répertoireSections, cliquez sur le fichier
collection.liquid
.Utilisez leraccourci clavier rechercherpour trouver le code suivant en recherchant
grid-view-item__title
:
- Remplacez le code par l'extrait suivant :
Après vos modifications, le fichiercollection.liquid
devrait ressembler à ceci :
- Cliquez surEnregistrerpour confirmer vos modifications.
Modifier la grille d'une carte de produit
Dans le répertoireSnippets(Extraits), ouvrez le fichier
product-card-grid.liquid
.Utilisez leraccourci clavier rechercherpour trouver le code suivant en recherchant
grid-view-item__title
:
- Remplacez le code par l'extrait suivant :
Après vos modifications, le fichierproduct-card-grid.liquid
devrait ressembler à ceci :
- Cliquez surEnregistrerpour confirmer vos modifications.
Modifier la liste de cartes de produits
Dans le répertoireSnippets(Extraits), ouvrez le fichier
product-card-list.liquid
.Utilisez leraccourci clavier rechercherpour localiser le code suivant en recherchant
{% if product.available %}
:
- Remplacez le code par l'extrait suivant :
Après vos modifications, le fichierproduct-card-list.liquid
devrait ressembler à ceci :
- Cliquez surEnregistrerpour confirmer vos modifications.
Modifier votre page de commande
Dans le répertoireTemplates(Modèles), cliquez sur le fichier
customers/order.liquid
.Utilisez leraccourci clavier rechercherpour localiser le code suivant en recherchant
data-label="{{ 'customer.order.price' | t }}"
:
- Remplacez le code par l'extrait suivant :
Après vos modifications, le fichiercustomers/order.liquid
devrait ressembler à ceci :
- Cliquez surEnregistrerpour confirmer vos modifications.
Modifier les styles de thèmes
Dans le répertoireAssets(Ressources), cliquez sur le fichier
theme.scss.liquid
.Utilisez leraccourci clavier rechercherpour trouver le code suivant en recherchant
.price__vendor {
:
- Ajoutez l'extrait suivant sous le code de l'étape 2 :
Après vos modifications, le fichiertheme.scss.liquid
devrait ressembler à ceci :
- Cliquez surEnregistrerpour confirmer vos modifications.
Modifier un code de thème javascript
Dans le répertoireAssets(Ressources), cliquez sur le fichier
theme.js
.Utilisez leraccourci clavier rechercherpour localiser le code suivant :
- Ajoutez l'extrait suivant sur le code de l'étape 2 :
然后vos修改,结果devrait ressembler à ceci :
- Utilisez leraccourci clavier rechercherpour localiser le code suivant :
- Ajoutez l’extrait suivant après le code de l’étape 4 :
然后vos修改,结果devrait ressembler à ceci :
- Utilisez leraccourci clavier rechercherpour localiser le code suivant :
- Remplacez le code par l'extrait suivant :
- Utilisez leraccourci clavier rechercherpour localiser le code suivant :
- Ajoutez l'extrait suivant sous le code de l'étape 8 :
- Utilisez leraccourci clavier rechercherpour localiser le code suivant :
- Ajoutez l’extrait suivant sous le code de l’étape 10 :
然后vos修改,结果devrait ressembler à ceci :
- Utilisez leraccourci clavier rechercherpour localiser le code suivant :
- Ajoutez l’extrait suivant avant le code de l’étape 12 :
- Utilisez leraccourci clavier rechercherpour localiser le code suivant :
- Ajoutez l’extrait suivant sous le code de l’étape 14 :
- Utilisez leraccourci clavier rechercherpour localiser le code suivant :
- Ajoutez l’extrait suivant sous le code de l’étape 16 :
- Utilisez leraccourci clavier rechercherpour localiser le code suivant :
- Ajoutez l’extrait suivant sous le code de l’étape 18 :
然后vos修改,结果devrait ressembler à ceci :
- Cliquez surEnregistrerpour confirmer vos modifications.
Modifier des traductions en anglais
Dans le répertoireLocales(Paramètres régionaux), cliquez sur le fichier
en.default.json
.Utilisez leraccourci clavier rechercherpour localiser le code suivant :
- Ajoutez l'extrait suivant sur le code de l'étape 2 :
然后vos修改,结果devrait ressembler à ceci :
- Utilisez leraccourci clavier rechercherpour localiser le code suivant :
- Ajoutez l'extrait suivant sous le code de l'étape 4 :
然后vos修改,结果devrait ressembler à ceci :
- Cliquez surEnregistrerpour confirmer vos modifications.
Modifier la mise en page de votre thème
Dans le répertoireLayout(Mise en page), cliquez sur le fichier
theme.liquid
.Utilisez leraccourci clavier rechercherpour localiser le code suivant :
- Ajoutez l'extrait suivant sous le code de l'étape 2 :
Après vos modifications, le fichiertheme.liquid
devrait ressembler à ceci :
- Cliquez surEnregistrerpour confirmer vos modifications.
(Facultatif) Ajouter des traductions pour d'autres langues
Allez à la pageThèmesde votre interface administrateur Shopify.
Cliquez sur le bouton…>Modifier le contenu du thème par défaut.
Cliquez surModifier la langue du thème, puis sélectionnez la langue que vous souhaitez modifier. Cela n'est possible que dans votre thème publié.
Saisissez
Unit Price
dans le champ rechercher.Mettez à jour la zoneUnit price separator(Séparateur de prix unitaire) sousGeneral/Accessibility(Général/Accessibilité).
Mettez à jour le champUnit price label(Étiquette du prix unitaire) sousProducts/Product(Produits/Produit).
Cliquez surSave.
Étapes pour Brooklyn
Les prix unitaires sont disponibles dans le thème Brooklyn pour les versions 13.1.0 et supérieur. Si vous n’êtes pas en mesure de mettre à jour votre thème en installant la dernière version, vous pouvez ajouter la personnalisation des prix unitaires aux versions antérieures de Brooklyn.
Ajouter un extrait du prix d'un produit
Dans le répertoireSnippets(Extraits), cliquez surAjouter un nouveau snippet(Ajouter un nouvel extrait).
Saisissez
product-price
dans le champ du nom.Copiez et collez le code suivant dans le fichier.
- Cliquez surEnregistrerpour confirmer vos modifications.
Modifier la page du produit en vedette
Dans le répertoireSections, cliquez sur le fichier
featured-product.liquid
.Utilisez leraccourci clavier rechercherpour trouver le code suivant en recherchant
itemprop="offers"
:
- Remplacez le code par l'extrait suivant :
Après vos modifications, le fichierfeatured-product.liquid
devrait ressembler à ceci :
- Cliquez surEnregistrerpour confirmer vos modifications.
Modifier la page de votre produit
Dans le répertoireSections, cliquez sur le fichier
product-template.liquid
.Utilisez leraccourci clavier rechercherpour trouver le code suivant en recherchant
itemprop="offers"
:
- Remplacez le code par l'extrait suivant :
Après vos modifications, le fichierproduct-template.liquid
devrait ressembler à ceci :
- Cliquez surEnregistrerpour confirmer vos modifications.
Modifier le code du panier dynamique
Dans le répertoireSnippets(Extraits), ouvrez le fichier
ajax-cart-template.liquid
.Utilisez leraccourci clavier rechercherpour localiser le code suivant en recherchant
{{{price}}}
:
- Ajoutez le code suivant dans la
{{/if}}
de l’étape 2 :
Après vos modifications, le fichierajax-cart-template.liquid
devrait ressembler à ceci :
- Cliquez surEnregistrerpour confirmer vos modifications.
Modifier l’élément de grille de produit
Dans le répertoireSnippets(Extraits), ouvrez le fichier
product-grid-template.liquid
.Utilisez leraccourci clavier rechercherpour trouver le code suivant en recherchant
capture img_id_class
:
- Ajoutez l’extrait suivant avant le code de l’étape 2 :
然后vos修改,结果devrait ressembler à ceci :
- Utilisez leraccourci clavier rechercherpour localiser le code suivant en recherchant
{{ product.price | money_without_trailing_zeros }}
:
- Ajoutez le code suivant sous le
:
然后vos修改,结果devrait ressembler à ceci :
- Cliquez surEnregistrerpour confirmer vos modifications.
Modifier la page du panier
Dans le répertoireTemplates(Modèles), cliquez sur le fichier
cart.liquid
.Utilisez leraccourci clavier rechercherpour trouver le code suivant en recherchant
:
- Ajoutez l'extrait suivant sous le code de l'étape 2 :
Après vos modifications, le fichiercart.liquid
devrait ressembler à ceci :
- Cliquez surEnregistrerpour confirmer vos modifications.
Modifier votre page de commande
Dans le répertoireTemplates(Modèles), cliquez sur le fichier
customers/order.liquid
.Utilisez leraccourci clavier rechercherpour localiser le code suivant en recherchant
{{ line_item.original_price | money }}
:
- Ajoutez l’extrait suivant avant le
de l’étape 2 :
Après vos modifications, le fichiercustomers/order.liquid
devrait ressembler à ceci :
- Cliquez surEnregistrerpour confirmer vos modifications.
Modifier les styles de thème - Partie 1
Dans le répertoireAssets(Ressources), cliquez sur le fichier
theme.scss.liquid
.Utilisez leraccourci clavier rechercherpour trouver le code suivant en recherchant
.ajaxcart__price {
:
- Ajoutez l'extrait suivant sous le code de l'étape 2 :
Après vos modifications, le fichiertheme.scss.liquid
devrait ressembler à ceci :
- Cliquez surEnregistrerpour confirmer vos modifications.
Modifier les styles de thème - Partie 2
Dans le répertoireAssets(Ressources), cliquez sur le fichier
timber.scss.liquid
.Utilisez leraccourci clavier rechercherpour trouver le code suivant en recherchant
.product-single__policies {
:
- Ajoutez l'extrait suivant sur le code de l'étape 2 :
然后vos修改,结果devrait ressembler à ceci :
- Rendez-vous à la toute fin du fichier et ajoutez le code suivant :
然后vos修改,结果devrait ressembler à ceci :
- Cliquez surEnregistrerpour confirmer vos modifications.
Modifier un code de thème JavaScript
Dans le répertoireAssets(Ressources), cliquez sur le fichier
theme.js.liquid
.Utilisez leraccourci clavier rechercherpour localiser le code suivant :
- Ajoutez l'extrait suivant sous le code de l'étape 2 :
然后vos修改,结果devrait ressembler à ceci :
- Utilisez leraccourci clavier rechercherpour localiser le code suivant :
- Ajoutez l’extrait suivant sur le code de l’étape 4 :
然后vos修改,结果devrait ressembler à ceci :
- Utilisez leraccourci clavier rechercherpour localiser le code suivant :
- Ajoutez l’extrait suivant sur le code de l’étape 6 :
然后vos修改,结果devrait ressembler à ceci :
- Utilisez leraccourci clavier rechercherpour localiser le code suivant :
- Ajoutez l'extrait suivant sous le code de l'étape 8 :
然后vos修改,结果devrait ressembler à ceci :
- Utilisez leraccourci clavier rechercherpour trouver le code suivant en recherchant
$(this.selectors.priceContainer, this.$container).removeClass(
:
- Remplacez le code par l'extrait suivant :
然后vos修改,结果devrait ressembler à ceci :
- Utilisez leraccourci clavier rechercherpour localiser le code suivant :
- Ajoutez l’extrait suivant sur le code de l’étape 12 :
然后vos修改,结果devrait ressembler à ceci :
- Utilisez leraccourci clavier rechercherpour trouver le code suivant en recherchant
this.destroyImageCarousel();
:
- Ajoutez l’extrait suivant sur le code de l’étape 14 :
然后vos修改,结果devrait ressembler à ceci :
- Cliquez surEnregistrerpour confirmer vos modifications.
Modifier les traductions en anglais
Dans le répertoireLocales(Paramètres régionaux), cliquez sur le fichier
en.default.json
.Utilisez leraccourci clavier rechercherpour localiser le code suivant :
- Ajoutez l'extrait suivant sur le code de l'étape 2 :
然后vos修改,结果devrait ressembler à ceci :
- Utilisez leraccourci clavier rechercherpour localiser le code suivant :
- Ajoutez l'extrait suivant sous le code de l'étape 4 :
然后vos修改,结果devrait ressembler à ceci :
- Cliquez surEnregistrerpour confirmer vos modifications.
(Facultatif) Ajouter des traductions pour d'autres langues
Allez à la pageThèmesde votre interface administrateur Shopify.
Cliquez sur le bouton…>Modifier le contenu du thème par défaut
Cliquez surModifier la langue du thème, puis sélectionnez la langue que vous souhaitez modifier. Cela n'est possible que dans votre thème publié.
Saisissez
Unit Price
dans le champ rechercher.Mettez à jour la zoneUnit price separator(Séparateur de prix unitaire) sousGeneral/Accessibility(Général/Accessibilité).
Mettez à jour le champUnit price label (Étiquette de prix unitaire)sousProducts/General(Produits/Général).
Cliquez surSave.
Étapes pour Minimal
Les prix unitaires sont disponibles dans le thème Minimal des versions 11.2.0 et au-delà. Si vous n'êtes pas en mesure de mettre à jour votre thème pour utiliser la dernière version, vous pouvez ajouter la personnalisation des prix unitaires aux versions antérieures de Minimal.
Mise à jour d'extraits
Recherchez et ouvrez le dossierSnippets(Extraits).
SélectionnezAjouter un nouveau snippet(Ajouter un nouvel extrait).
Saisissez le nom
product-unit-price
.Copiez et collez le code suivant dans
product-unit-price.liquid
.
Cliquez surSave.
Trouvez et modifiez le fichier
product-grid-item.liquid
.Remplacez cette ligne :
Par cette ligne :
- Utilisez leraccourci clavier rechercherpour localiser
{{ price }}
et ajoutez ce code ci-dessous :
Après vos modifications, le fichierproduct-grid-item.liquid
devrait ressembler à ceci :
Cliquez surEnregistrerpour confirmer vos modifications.
Localiser et modifier le fichier
search-result.liquid
Utilisez leraccourci clavier rechercherpour localiser
{% if item.object_type == 'product' %}
et ajoutez le code suivant sur la ligne ci-dessous :
- Maintenant, utilisez leraccourci clavier rechercherpour localiser les deux extraits de code suivants :
Et
- Ajoutez le bloc de code suivant àchacundes deux extraits de code répertoriés à l’étape précédente :
Après vos modifications, le fichiersearch-result.liquid
devrait ressembler à ceci :
- Cliquez surEnregistrerpour confirmer vos modifications.
Mise à jour des styles
Recherchez et ouvrez le dossierAssets(Ressources).
Modifiez le fichier
theme.scss.liquid
.Utilisez leraccourci clavier rechercherpour trouver cet extrait de code :
- Insérez le bloc de code suivant sous l’extrait de code que vous avez trouvé à l’étape précédente :
- Utilisez leraccourci clavier rechercherpour trouver l’extrait de code suivant :
- Insérez le bloc de code suivant sous l’extrait de code que vous avez trouvé à l’étape précédente :
- Utilisez leraccourci clavier rechercherpour trouver l’extrait de code suivant :
- Insérez le bloc de code suivant sous l’extrait de code que vous avez trouvé à l’étape précédente :
- Utilisez leraccourci clavier rechercherpour trouver l’extrait de code suivant :
- Insérez le bloc de code suivant sous l’extrait de code que vous avez trouvé à l’étape précédente :
Après vos modifications, le fichiertheme.scss.liquid
devrait ressembler à ceci :
Cliquez surEnregistrerpour confirmer vos modifications.
Trouvez et modifiez le fichier
timber.scss.liquid
.Utilisez leraccourci clavier rechercherpour trouver ce code :
- Insérez le bloc de code suivant sous l’extrait de code que vous avez trouvé à l’étape précédente :
- Insérez ce code à la fin du fichier :
Après vos modifications, le fichiertimber.scss.liquid
devrait ressembler à ceci :
- Cliquez surEnregistrerpour confirmer vos modifications.
Mise à jour des modèles
Recherchez et ouvrez le dossierTemplates(Modèles).
Trouvez et modifiez le fichier
customers/order.liquid
.Utilisez leraccourci clavier rechercherpour localiser le code :
- Ajoutez ce code sous le code de l’étape 3 :
Après vos modifications, le fichiercustomers/order.liquid
devrait ressembler à ceci :
- Cliquez surEnregistrerpour confirmer vos modifications.
Mise à jour de JavaScript
Trouvez et modifiez
theme.js
dansAssets(Ressources).Utilisez leraccourci clavier rechercherpour trouver la ligne qui contient
.shopify-payment-button
et remplacez-la par :
Cet extrait de code doit ressembler à ceci :
- Recherchez ce code :
- Ajoutez ce code en dessous :
Le résultat ressemblerait à ceci :
- Utilisez leraccourci clavier rechercherpour trouver ce code :
- Insérez le bloc de code suivant sous l’extrait de code que vous avez trouvé à l’étape précédente :
Le résultat ressemblerait à ceci :
- Cliquez surEnregistrerpour confirmer vos modifications.
Mise à jour du modèle de panier
Recherchez et ouvrez le dossierSections.
Modifiez le fichier
cart-template.liquid
.Utilisez leraccourci clavier rechercherpour trouver le code
{{ item.final_price | money }}
.Remplacez la ligne par ce code :
- Trouvez la première occurrence du code
{%- if item.line_level_discount_allocations != blank -%}
:
- Ajoutez cet extrait de code au-dessus du code de l’étape 5 :
Après vos modifications, le fichiercart-template.liquid
devrait ressembler à ceci :
- Cliquez surEnregistrerpour confirmer vos modifications.
Mise à jour de votre produit en vedette
Recherchez et ouvrez le dossierSections.
Modifiez le fichier
featured-product.liquid
.Utilisez leraccourci clavier rechercherpour trouver la ligne avec
itemprop="name"
et remplacez-la par :
- Recherchez le code contenant
id="PriceA11y"
:
- Insérez le bloc de code suivant sous l’extrait de code que vous avez trouvé à l’étape précédente :
Après vos modifications, le fichierfeatured-product.liquid
devrait ressembler à ceci :
- Cliquez surEnregistrerpour confirmer vos modifications.
Mise à jour de votre modèle de produit
Recherchez et ouvrez le dossierSections.
Modifiez le fichier
product-template.liquid
.Utilisez leraccourci clavier rechercherpour trouver la ligne avec
itemprop="name"
et remplacez-la par :
- Utilisez leraccourci clavier rechercherpour localiser le code :
- Ajoutez cette ligne ci-dessous :
Après vos modifications, le fichierproduct-template.liquid
devrait ressembler à ceci :
- Cliquez surEnregistrerpour confirmer vos modifications.
Mise à jour des paramètres régionaux
Recherchez et ouvrez le dossierLocales(Paramètres régionaux).
Ouvrez et modifiez le fichier
en.default.json
.Utilisez leraccourci clavier rechercherpour trouver la ligne qui contient
refresh_page
et remplacez-la par :
Le résultat ressemblerait à ceci :
- Recherchez la ligne qui contient
full_details
et remplacez-la par :
Le résultat ressemblerait à ceci :
- Cliquez surEnregistrerpour confirmer vos modifications.
(Facultatif) Ajouter des traductions pour d'autres langues
Allez à la pageThèmesde votre interface administrateur Shopify.
Cliquez sur le bouton…>Modifier le contenu du thème par défaut.
Cliquez surModifier la langue du thème, puis sélectionnez la langue que vous souhaitez modifier. Cela n'est possible que dans votre thème publié.
Saisissez
Unit Price
dans le champ rechercher.Mettez à jour la zoneUnit price separator(Séparateur de prix unitaire) sousGeneral/Accessibility(Général/Accessibilité).
Mettez à jour le champUnit price label(Étiquette du prix unitaire) sousProducts/Product(Produits/Produit).
Cliquez surSave.
Étapes pour Venture
Les prix unitaires ont été ajoutés au thème Venture pour les versions 9.4.0 et supérieur. Si vous ne pouvez pas mettre à jour votre thème sur la dernière version, suivez ces étapes pour appliquer la personnalisation des prix unitaires aux versions antérieures d’Venture.
Modifier le fichier de langue de votre thème
Dans le répertoireLocales(Paramètres régionaux), cliquez sur
en.default.json
.Utilisez leraccourci clavier rechercherpour localiser la ligne qui contient
refresh_page
:
- Ajoutez le code suivant au-dessus de la ligne qui se trouve à l’étape 2 :
然后vos修改,结果devrait ressembler à ceci :
- Utilisez leraccourci clavier rechercherpour localiser la ligne qui contient
stock_unavailable
:
- Ajoutez le code suivant au-dessus de la ligne trouvée à l’étape 4 :
然后vos修改,结果devrait ressembler à ceci :
- Cliquez surEnregistrerpour confirmer vos modifications.
Modifier la feuille de style de votre thème
Dans le répertoireAssets(Ressources), cliquez sur
theme.scss.liquid
.Utilisez leraccourci clavier rechercherpour localiser la ligne
.product-single__policies {
:
- Ajoutez le code suivant en dessous de la balise de fermeture
}
du bloc de code trouvé à l’étape 2 :
Après vos modifications, le fichiertheme.scss.liquid
devrait ressembler à ceci :
- Cliquez surEnregistrerpour confirmer vos modifications.
Ajouter un extrait pour le prix unitaire d'un produit
Dans le répertoireSnippets(Extraits), cliquez surAjouter un nouveau snippet(Ajouter un nouvel extrait).
Saisissez le nom
product-unit-price
.Ajoutez le code suivant dans
product-unit-price.liquid
:
- Cliquez surEnregistrerpour confirmer vos modifications.
Modifier l’extrait de votre carte de produit
Dans le répertoireSnippets(Extraits), cliquez sur
product-card.liquid
.Utilisez leraccourci clavier rechercherpour trouver la ligne
.
Ajoutez le code suivant au-dessus de la ligne qui se trouve à l’étape 2 :
然后vos修改,结果devrait ressembler à ceci :
- Utilisez leraccourci clavier rechercherpour localiser la ligne
< div class = "产品card__price">
:
- Ajoutez le code suivant au-dessus de la balise de fermeture