{%-unlessproduct.price_varies-%}{%-ifcurrent_variant.unit_price_measurement-%}{%include'product-unit-price',product_variant:current_variant,wrapper_class:"product-card__unit-price"%}{%-endif-%}{%-endunless-%}

Après vos modifications, le résultat devrait ressembler à ceci :

1. Cliquez surEnregistrerpour confirmer vos modifications.

Modifier le modèle de votre page de panier

1. Dans le répertoireSections, cliquez surcart-template.liquid.

2. Utilisez leraccourci clavier rechercherpour trouver la première instance de:

{%-ifitem.original_line_price!=item.final_line_price-%}{{'products.product.regular_price'|t}} {{item.original_line_price|money}} {{'products.product.sale_price'|t}}< / span > < span class = " cart__item-total”>{{item.final_line_price|money}}{%-else-%}{{item.original_line_price|money}}{%-endif-%}

1. Ajoutez le code suivant sous la baliseendiftrouvée à l’étape 2 :

{%-ifitem.unit_price_measurement-%}{%include'product-unit-price',product_variant:item%}{%-endif-%}

Après vos modifications, le résultat devrait ressembler à ceci :

1. Utilisez leraccourci clavier rechercherpour trouver la deuxième instance de:

{{#ifdiscountsApplied}}{%endraw%}{{'products.product.regular_price'|t}}{%raw%} {{{originalLinePrice}}} {%endraw%}{{'products.product.sale_price'|t}}{%raw%}< / span > < span class = " cart__item-total”>{{{linePrice}}} {{else}} {{{originalLinePrice}}} {{/if}} {{#if discountsApplied}} 
{%endraw%}{{'customer.order.discount'|t}}{%raw%}"> {{#each discounts}} 
{%endraw%}{%-include'icon-saletag'-%}{%raw%}{{ this.discount_application.title }} (-{{{ this.formattedAmount }}}) 
 {{/each}} 
 {{/if}}

1. Ajoutez le code suivant sous la deuxième balise de fermeture{{/if}}trouvée à l’étape 4 :

{{#ifunitPrice}}{%endraw%}{{'products.product.unit_price_label'|t}}{%raw%} {%endraw%}{%-captureunit_price_separator-%}/ {{'general.accessibility.unit_price_separator'|t}} {%-endcapture-%}{%raw%}{{{ unitPrice.price }}}{%endraw%}{{-unit_price_separator-}}{%raw%}{{#if unitPrice.addRefererenceValue }}{{{ unitPrice.reference_value }}}{{/if}}{{{ unitPrice.reference_unit }}}  {{/if}}

Après vos modifications, le résultat devrait ressembler à ceci :

1. Cliquez surEnregistrerpour confirmer vos modifications.

Modifier le modèle de votre page de produits en vedette

1. Dans le répertoireSections, cliquez surfeatured-product.liquid.

2. Utilisez leraccourci clavier rechercherpour trouver la ligne{% assign current_variant = product.selected_or_first_available_variant %}.

3. Ajoutez le code suivant sous la ligne qui se trouve à l'étape 2 :

{%assignvariants_with_unit_price=product.variants|where:"unit_price_measurement"%}

Après vos modifications, le résultat devrait ressembler à ceci :

1. Utilisez leraccourci clavier rechercherpour localiser la ligne qui contient

    
   {{section.id}}" class="{%unlessproduct.compare_at_price>product.price%}hide{%endunless%}"> 
   {{'products.product.on_sale'|t}}
    
    
   {%unlessproduct.compare_at_price_max>product.price%}{{'products.product.regular_price'|t}}{%endunless%}{{section.id}}" class="product-single__price" itemprop="price" content="{{current_variant.price|divided_by:100.00}}">{{current_variant.price|money}} 
   {%ifproduct.compare_at_price_max>product.price%}
    {{'products.product.regular_price'|t}} {{section.id}}" class="product-single__price product-single__price--compare">{{current_variant.compare_at_price|money}} 
   {%endif%}{%ifsection.settings.stock_enable%}

   1. Sous cette baliseul, recherchez le code{% if section.settings.stock_enable %}.

   2. Ajoutez le code suivant au-dessus du blociftrouvé à l’étape 6 :

   {%-ifvariants_with_unit_price.size>0-%}
   {%include'product-unit-price',product_variant:current_variant%}
   {%-endif-%}

   Après vos modifications, le résultat devrait ressembler à ceci :

   

   1. Cliquez surEnregistrerpour confirmer vos modifications.

   Modification du modèle de la page de produits

   1. Dans le répertoireSections, cliquez surproduct-template.liquid.

   2. Utilisez leraccourci clavier rechercherpour trouver la ligne{% assign current_variant = product.selected_or_first_available_variant %}.

   3. Ajoutez le code suivant sous la ligne qui se trouve à l'étape 2 :

   {%assignvariants_with_unit_price=product.variants|where:"unit_price_measurement"%}

   Après vos modifications, le résultat devrait ressembler à ceci :

   

   1. Utilisez leraccourci clavier rechercherpour localiser la ligne qui contient

      {%ifshop.taxes_includedorshop.shipping_policy.body!=blank%}product-single__price-container{%endif%}"> 
      {{section.id}}" class="{%unlessproduct.compare_at_price>product.price%}hide{%endunless%}"> 
      {{'products.product.on_sale'|t}}
       
       
      {%unlessproduct.compare_at_price_max>product.price%}{{'products.product.regular_price'|t}}{%endunless%}{{section.id}}" class="product-single__price" itemprop="price" content="{{current_variant.price|divided_by:100.00}}">{{current_variant.price|money}} 
      {%ifproduct.compare_at_price_max>product.price%}
       {{'products.product.regular_price'|t}} {{section.id}}" class="product-single__price product-single__price--compare">{{current_variant.compare_at_price|money}} 
      {%endif%}{%ifsection.settings.stock_enable%}

      1. Sous cette baliseul, recherchez le code{% if section.settings.stock_enable %}.

      2. Ajoutez le code suivant au-dessus du blociftrouvé à l’étape 5 :

      {%-ifvariants_with_unit_price.size>0-%}
      {%include'product-unit-price',product_variant:current_variant%}
      {%-endif-%}

      Après vos modifications, le résultat devrait ressembler à ceci :

      

      1. Cliquez surEnregistrerpour confirmer vos modifications.

      Modifier le modèle de commande de vos clients

      1. Dans le répertoireTemplates(Modèles), cliquez surcustomers/order.liquid.

      2. Utilisez leraccourci clavier rechercherpour trouver la ligne:

      {{'customer.order.price'|t}}">{%-ifline_item.original_price!=line_item.final_price-%}{{'products.product.regular_price'|t}} {{line_item.original_price|money}} {{'products.product.sale_price'|t}} {{line_item.final_price|money}}{%-else-%}{{line_item.original_price|money}}{%-endif-%}

      1. Remplacezle code trouvé à l’étape 2 par le code suivant :

      {{'customer.order.price'|t}}"> 
      {%-ifline_item.original_price!=line_item.final_price-%}{{'products.product.regular_price'|t}} {{line_item.original_price|money}} {{'products.product.sale_price'|t}} {{line_item.final_price|money}}{%-else-%}{{line_item.original_price|money}}{%-endif-%}
      {%-ifline_item.unit_price_measurement-%}{%include'product-unit-price',product_variant:line_item%}{%-endif-%}

      Après vos modifications, le fichiercustomers/order.liquiddevrait ressembler à ceci :

      

      1. Cliquez surEnregistrerpour confirmer vos modifications.

      Modification du fichier JavaScript de votre thème

      1. Dans le répertoireAssets(Ressources), cliquez surtheme.js.

      2. Utilisez leraccourci clavier rechercherpour trouver la ligne// Create item's data object and add to 'items' array.

      3. Ajoutez le code suivant au-dessus de la ligne qui se trouve à l’étape 2 :

      varunitPrice=null;if(cartItem.unit_price_measurement){unitPrice={addRefererenceValue:cartItem.unit_price_measurement.reference_value!==1,price:theme.Currency.formatMoney(cartItem.unit_price,theme.moneyFormat),reference_value:cartItem.unit_price_measurement.reference_value,reference_unit:cartItem.unit_price_measurement.reference_unit};}

      Après vos modifications, le résultat devrait ressembler à ceci :

      

      1. Utilisez leraccourci clavier rechercherpour trouver la lignevendor: cartItem.vendor,

      2. Ajoutez le code suivant sous la ligne qui se trouve à l'étape 4 :

      unitPrice:unitPrice,

      Après vos modifications, le résultat devrait ressembler à ceci :

      

      1. Utilisez leraccourci clavier rechercherpour trouver la ligneshopifyPaymentButton: '.shopify-payment-button'.

      2. Remplacezla ligne trouvée à l’étape 6 par le code suivant :

      shopifyPaymentButton:'.shopify-payment-button',unitPrice:'[data-unit-price]',unitPriceBaseUnit:'[data-unit-price-base-unit]',unitPriceContainer:'[data-unit-price-container]'

      Après vos modifications, le résultat devrait ressembler à ceci :

      

      1. Utilisez leraccourci clavier rechercherpour trouver la ligne_updateSKU: function(evt) {.

      2. Ajoutez le code suivant sous la ligne qui se trouve à l’étape 8 :

      _getBaseUnit:function(variant){returnvariant.unit_price_measurement.reference_value===1?variant.unit_price_measurement.reference_unit:variant.unit_price_measurement.reference_value+variant.unit_price_measurement.reference_unit;},

      Après vos modifications, le résultat devrait ressembler à ceci :

      

      1. Utilisez leraccourci clavier rechercherpour localiser la lignethis._updateIncomingInfo(variant);:

      }else{// Variant is sold out, disable the submit buttoncache.$addToCart.prop('disabled',true).addClass('btn--sold-out');cache.$addToCartText.html(theme.strings.soldOut);$(this.selectors.shopifyPaymentButton,this.$container).hide();// Update when stock will be availablethis._updateIncomingInfo(variant);}

      1. Ajoutez le code suivant sous la balise de fermeture}trouvée à l’étape 10 :

      $(this.selectors.unitPriceContainer,this.$container).addClass('hide');if(variant.unit_price_measurement){var$unitPrice=$(this.selectors.unitPrice,this.$container);var$unitPriceBaseUnit=$(this.selectors.unitPriceBaseUnit,this.$container);$unitPrice.html(theme.Currency.formatMoney(variant.unit_price,theme.moneyFormat));$unitPriceBaseUnit.html(this._getBaseUnit(variant));$(this.selectors.unitPriceContainer,this.$container).removeClass('hide');}

      Après vos modifications, le résultat devrait ressembler à ceci :

      

      1. Cliquez surEnregistrerpour confirmer vos modifications.

      (Facultatif) Ajouter des traductions pour d'autres langues

      1. Allez à la pageThèmesde votre interface administrateur Shopify.

      2. Cliquez surActions > Modifier les langues

      3. 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é.

      4. SaisissezUnit Pricedans le champ rechercher.

      5. Mettez à jour la zoneUnit price separator(Séparateur de prix unitaire) sousGeneral/Accessibility(Général/Accessibilité).

      6. Mettez à jour le champUnit price label(Étiquette du prix unitaire) sousProducts/Product(Produits/Produit).

      7. Cliquez surSave.