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

Na je bewerkingen zien de resultaten er als volgt uit:

1. Klik opOpslaanom de wijzigingen te bevestigen.

De template van je winkelwagenpagina bewerken

1. Klik in de directorySectiesopcart-template.liquid.

2. Gebruik desneltoets Zoekenom het eerste exemplaar vante zoeken:

{%-ifitem.original_line_price!=item.final_line_price-%}{{'products.product.regular_price'|t}} {{item.original_line_price|money}} {{'products.product.sale_price'|t}} {{item.final_line_price|money}}{%-else-%}{{item.original_line_price|money}}{%-endif-%}

1. Voeg de volgende code toe onder deendif-tag in stap 2:

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

Na je bewerkingen zien de resultaten er als volgt uit:

1. Zoek met behulp van desneltoets Zoekennaar het tweede exemplaar van:

{{#ifdiscountsApplied}}{%endraw%}{{'products.product.regular_price'|t}}{%raw%} {{{originalLinePrice}}} {%endraw%}{{'products.product.sale_price'|t}}{%raw%} {{{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. Voeg de volgende code toe onder de tweede afsluit{{/if}}-tag in stap 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}}

Na je bewerkingen zien de resultaten er als volgt uit:

1. Klik opOpslaanom de wijzigingen te bevestigen.

Je uitgelichte productpagina bewerken

1. Klik in de directorySectiesopfeatured-product.liquid.

2. Gebruik desneltoets Zoekenom de regel te zoeken{% assign current_variant = product.selected_or_first_available_variant %}.

3. Voeg de volgende code toe onder de regel in stap 2:

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

Na je bewerkingen zien de resultaten er als volgt uit:

1. Gebruik desneltoets Zoekenom de regel te zoeken met

    
   {{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. Zoek onder dezeul-tag de code{% if section.settings.stock_enable %}.

   2. Voeg de volgende code toe boven hetifblok gevonden in stap 6:

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

   Na je bewerkingen zien de resultaten er als volgt uit:

   

   1. Klik opOpslaanom de wijzigingen te bevestigen.

   Bewerk je productpaginatemplate

   1. Klik in de directorySectiesopproduct-template.liquid.

   2. Gebruik desneltoets Zoekenom de regel te zoeken{% assign current_variant = product.selected_or_first_available_variant %}.

   3. Voeg de volgende code toe onder de regel in stap 2:

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

   Na je bewerkingen zien de resultaten er als volgt uit:

   

   1. Gebruik desneltoets Zoekenom de regel te zoeken met

      {%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. Zoek onder dezeul-tag de code{% if section.settings.stock_enable %}.

      2. Voeg de volgende code toe boven hetifblok gevonden in stap 5:

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

      Na je bewerkingen zien de resultaten er als volgt uit:

      

      1. Klik opOpslaanom de wijzigingen te bevestigen.

      De besteltemplate van je klanten bewerken

      1. Klik opcustomers/order.liquidin de directoryTemplates.

      2. Gebruik desneltoets Zoekenom de regel te zoeken:

      {{'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. Vervang de code in stap 2 door de volgende code:

      {{'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-%}

      Na je bewerkingen ziet het bestandcustomers/order.liquider als volgt uit:

      

      1. Klik opOpslaanom de wijzigingen te bevestigen.

      Bewerk het JavaScript-bestand van je thema

      1. Klik in de directoryAssetsoptheme.js.

      2. Gebruik desneltoets Zoekenom de regel// Create item's data object and add to 'items' arrayte zoeken.

      3. Voeg de volgende code toe boven de regel in stap 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};}

      Na je bewerkingen zien de resultaten er als volgt uit:

      

      1. Zoek de regel met behulp van desneltoets Zoekenvendor: cartItem.vendor,

      2. Voeg de volgende code toe onder de regel in stap 4:

      unitPrice:unitPrice,

      Na je bewerkingen zien de resultaten er als volgt uit:

      

      1. Gebruik desneltoets Zoekenom de regelshopifyPaymentButton: '.shopify-payment-button'te zoeken.

      2. Vervang de regel in stap 6 met de volgende code:

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

      Na je bewerkingen zien de resultaten er als volgt uit:

      

      1. Gebruik desneltoets Zoekenom de regel_updateSKU: function(evt) {te zoeken.

      2. Voeg de volgende code toe boven de regel in stap 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;},

      Na je bewerkingen zien de resultaten er als volgt uit:

      

      1. Gebruik desneltoets Zoekenom de regelthis._updateIncomingInfo(variant);te zoeken:

      }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. Voeg de volgende code toe onder de slot}-tag gevonden in stap 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');}

      Na je bewerkingen zien de resultaten er als volgt uit:

      

      1. Klik opOpslaanom de wijzigingen te bevestigen.

      (Optioneel) Vertalingen voor andere talen toevoegen

      1. Ga naar de paginaThema'sin je Shopify-beheercentrum.

      2. Klik opActie > Talen bewerken.

      3. Klik opThemataal wijzigenen selecteer vervolgens de taal die je wilt bewerken. Dit is alleen mogelijk op je gepubliceerde thema.

      4. VoerUnit Pricein het zoekveld in.

      5. Update het veldEenheidsprijsscheideronderAlgemeen/Toegankelijkheid.

      6. Update het veldEenheidsprijslabelonderProducten/Product.

      7. Klik opOpslaan.