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

Después de editado, el resultado debería tener el siguiente aspecto:

1. Haz clic enGuardarpara confirmar tus cambios.

Editar la plantilla de tu página del carrito

1. En el directorioSecciones, haz clic encart-template.liquid.

2. Usa elacceso directo del teclado Búsquedapara ubicar la primera instancia 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. Agrega el siguiente código debajo de la etiquetaendifque se ubicó en el paso 2:

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

Después de editado, el resultado debería tener el siguiente aspecto:

1. Usa elacceso directo del teclado Búsquedapara ubicar la segunda instancia 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. Agrega el siguiente código debajo de la segunda etiqueta de de cierre{{/if}}que se ubicó en el paso 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}}

Después de editado, el resultado debería tener el siguiente aspecto:

1. Haz clic enGuardarpara confirmar tus cambios.

Editar la plantilla de tu producto destacado

1. En el directorioSecciones, haz clic enfeatured-product.liquid.

2. Usa elacceso directo del teclado Búsquedapara ubicar la línea{% assign current_variant = product.selected_or_first_available_variant %}.

3. Agrega el siguiente código sobre la línea que se ubicó en el paso 2:

{%assign变体s_with_unit_price=product.变体s|where:"unit_price_measurement"%}

Después de editado, el resultado debería tener el siguiente aspecto:

1. Usa elacceso directo del teclado Búsquedapara ubicar la línea que contiene

    
   {{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. Debajo de esta etiquetaul, ubica el código{% if section.settings.stock_enable %}.

   2. Agrega el siguiente código por encima del bloqueifque se ubicó en el paso 6:

   {%-if变体s_with_unit_price.size>0-%}
   {%include'product-unit-price',product_variant:current_variant%}
   {%-endif-%}

   Después de editado, el resultado debería tener el siguiente aspecto:

   

   1. Haz clic enGuardarpara confirmar tus cambios.

   Editar la plantilla de tu página de producto

   1. En el directorioSecciones, haz clic enproduct-template.liquid.

   2. Usa elacceso directo del teclado Búsquedapara ubicar la línea{% assign current_variant = product.selected_or_first_available_variant %}.

   3. Agrega el siguiente código sobre la línea que se ubicó en el paso 2:

   {%assign变体s_with_unit_price=product.变体s|where:"unit_price_measurement"%}

   Después de editado, el resultado debería tener el siguiente aspecto:

   

   1. Usa elacceso directo del teclado Búsquedapara ubicar la línea que contiene

      {%ifshop.taxes_includedorshop.shipping_policy.body!=blank%}product-single__price-container{%endif%}" > <李id = " ProductSaleTag -{{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. Debajo de esta etiquetaul, ubica el código{% if section.settings.stock_enable %}.

      2. Agrega el siguiente código por encima del bloqueifque se ubicó en el paso 5:

      {%-if变体s_with_unit_price.size>0-%}
      {%include'product-unit-price',product_variant:current_variant%}
      {%-endif-%}

      Después de editado, el resultado debería tener el siguiente aspecto:

      

      1. Haz clic enGuardarpara confirmar tus cambios.

      Editar la plantilla de pedido de tus clientes

      1. En el directorioTemplates, haz clic encustomers/order.liquid.

      2. Usa elacceso directo del teclado Búsquedapara ubicar la línea:

      {{'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}}< / span > < span class = "订货折扣”>{{line_item.final_price|money}}{%-else-%}{{line_item.original_price|money}}{%-endif-%}

      1. Reemplaza el código ubicado en el paso 2 con el siguiente código:

      {{'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}}< / span > < span class = "订货折扣”>{{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-%}

      Después de editado, el archivocustomers/order.liquiddebería tener el siguiente aspecto:

      

      1. Haz clic enGuardarpara confirmar tus cambios.

      Edita el archivo JavaScript de tu tema

      1. En el directorioComponentes, haz clic entheme.js.

      2. Usa elacceso directo del teclado Búsquedapara ubicar la línea// Create item's data object and add to 'items' array.

      3. Agrega el siguiente código sobre la línea que se encuentra en el paso 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};}

      Después de editado, el resultado debería tener el siguiente aspecto:

      

      1. Utilice elacceso directo del teclado Búsquedapara ubicar la líneavendor: cartItem.vendor,

      2. Agrega el siguiente código sobre la línea que se ubicó en el paso 4:

      unitPrice:unitPrice,

      Después de editado, el resultado debería tener el siguiente aspecto:

      

      1. Usa elacceso directo del teclado Búsquedapara ubicar la líneashopifyPaymentButton: '.shopify-payment-button'.

      2. Reemplaza la línea que se ubicó en el paso 6 con el siguiente código:

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

      Después de editado, el resultado debería tener el siguiente aspecto:

      

      1. Usa elacceso directo del teclado Búsquedapara ubicar la línea_updateSKU: function(evt) {.

      2. Agrega el siguiente código sobre la línea que se encuentra en el paso 8:

      _getBaseUnit:function(变体){return变体.unit_price_measurement.reference_value===1?变体.unit_price_measurement.reference_unit:变体.unit_price_measurement.reference_value+变体.unit_price_measurement.reference_unit;},

      Después de editado, el resultado debería tener el siguiente aspecto:

      

      1. Usa elacceso directo del teclado Búsquedapara ubicar la líneathis._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(变体);}

      1. Agrega el siguiente código debajo de la etiqueta}de cierre que se ubicó en el paso 10:

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

      Después de editado, el resultado debería tener el siguiente aspecto:

      

      1. Haz clic enGuardarpara confirmar tus cambios.

      (Opcional) Agregar traducciones para otros idiomas

      1. Ve a la páginaTemasen tu panel de control de Shopify.

      2. Haz clic enAcción > Editar idiomas.

      3. Haz clic enCambiar el idioma del temay luego selecciona el idioma que deseas editar. Esto solo es posible en tu tema publicado.

      4. IntroduceUnit Priceen el campo de búsqueda.

      5. Actualiza el campo delSeparador de precio unitariobajoGeneral / Accesibilidad.

      6. Actualiza el campoEtiqueta de precio unitariobajoProductos / Producto.

      7. Haz clic enGuardar.