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

หลังจากที่แก้ไขไฟล์แล้ว ควรได้ผลลัพธ์ดังต่อไปนี้:

1. คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง

แก้ไขเทมเพลตหน้าตะกร้าสินค้าของคุณ

1. ในไดเรกทอรีส่วนให้คลิกcart-template.liquid

2. ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาอินสแตนซ์แรกของ:

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

1. เพิ่มรหัสต่อไปนี้ด้านล่างแท็กendifซึ่งพบได้ในขั้นตอนที่ 2:

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

หลังจากที่แก้ไขไฟล์แล้ว ควรได้ผลลัพธ์ดังต่อไปนี้:

1. ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาอินสแตนซ์ที่สองของ:

{{#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. เพิ่มรหัสต่อไปนี้ด้านล่างตัวปิดของแท็ก{{/if}}ซึ่งพบได้ในขั้นตอนที่ 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}}

หลังจากที่แก้ไขไฟล์แล้ว ควรได้ผลลัพธ์ดังต่อไปนี้:

1. คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง

แก้ไขเทมเพลตหน้าสินค้าแนะนำของคุณ

1. ในไดเรกทอรีส่วนให้คลิกfeatured-product.liquid

2. ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาบรรทัด{% assign current_variant = product.selected_or_first_available_variant %}

3. เพิ่มโค้ดต่อไปนี้ที่ด้านล่างของบรรทัดที่พบในขั้นตอนที่ 2:

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

หลังจากที่แก้ไขไฟล์แล้ว ควรได้ผลลัพธ์ดังต่อไปนี้:

1. ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาบรรทัดที่มีโค้ด

    
   {{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.设置.stock_enable%}

   1. ด้านล่างแท็กulนี้ให้หารหัส{% if section.settings.stock_enable %}.

   2. เพิ่มรหัสต่อไปนี้เหนือบล็อกifซึ่งพบได้ในขั้นตอนที่ 6:

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

   หลังจากที่แก้ไขไฟล์แล้ว ควรได้ผลลัพธ์ดังต่อไปนี้:

   

   1. คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง

   แก้ไขเทมเพลตหน้าสินค้าของคุณ

   1. ในไดเรกทอรีส่วนให้คลิกproduct-template.liquid

   2. ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาบรรทัด{% assign current_variant = product.selected_or_first_available_variant %}

   3. เพิ่มโค้ดต่อไปนี้ที่ด้านล่างของบรรทัดที่พบในขั้นตอนที่ 2:

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

   หลังจากที่แก้ไขไฟล์แล้ว ควรได้ผลลัพธ์ดังต่อไปนี้:

   

   1. ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาบรรทัดที่มีโค้ด

      {%ifshop.taxes_included或shop.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.设置.stock_enable%}

      1. ด้านล่างแท็กulนี้ให้หารหัส{% if section.settings.stock_enable %}.

      2. เพิ่มรหัสต่อไปนี้เหนือบล็อกifซึ่งพบได้ในขั้นตอนที่ 5:

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

      หลังจากที่แก้ไขไฟล์แล้ว ควรได้ผลลัพธ์ดังต่อไปนี้:

      

      1. คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง

      แก้ไขเทมเพลตใบสั่งซื้อของลูกค้าของคุณ

      1. ในไดเรกทอรีเทมเพลตให้คลิกcustomers/order.liquid.

      2. ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาบรรทัด:

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

      1. แทนที่โค้ดที่พบในขั้นตอนที่ 2 ด้วยรหัสต่อไปนี้:

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

      หลังจากที่แก้ไขไฟล์แล้ว ไฟล์customers/order.liquidควรจะอยู่ในรูปแบบดังต่อไปนี้:

      

      1. คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง

      แก้ไขไฟล์ JavaScript ของธีม

      1. ในไดเรกทอรีชิ้นงานให้คลิกtheme.js

      2. ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาบรรทัด// Create item's data object and add to 'items' array

      3. เพิ่มโค้ดต่อไปนี้ที่ด้านบนของบรรทัดที่พบในขั้นตอนที่ 2:

      varunitPrice=null;if(cartItem.unit_price_measurement){unitPrice={addRefererenceValue:cartItem.unit_price_measurement.再保险ference_value!==1,price:theme.Currency.formatMoney(cartItem.unit_price,theme.moneyFormat),再保险ference_value:cartItem.unit_price_measurement.再保险ference_value,再保险ference_unit:cartItem.unit_price_measurement.再保险ference_unit};}

      หลังจากที่แก้ไขไฟล์แล้ว ควรได้ผลลัพธ์ดังต่อไปนี้:

      

      1. ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาบรรทัดvendor: cartItem.vendor,

      2. เพิ่มโค้ดต่อไปนี้ที่ด้านล่างของบรรทัดที่พบในขั้นตอนที่ 4:

      unitPrice:unitPrice,

      หลังจากที่แก้ไขไฟล์แล้ว ควรได้ผลลัพธ์ดังต่อไปนี้:

      

      1. ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาบรรทัดshopifyPaymentButton: '.shopify-payment-button'

      2. แทนที่บรรทัดที่พบในขั้นตอนที่ 6 ด้วยรหัสต่อไปนี้:

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

      หลังจากที่แก้ไขไฟล์แล้ว ควรได้ผลลัพธ์ดังต่อไปนี้:

      

      1. ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาบรรทัด_updateSKU: function(evt) {

      2. เพิ่มโค้ดต่อไปนี้ที่ด้านบนของบรรทัดที่พบในขั้นตอนที่ 8:

      _getBaseUnit:function(variant){再保险turnvariant.unit_price_measurement.再保险ference_value===1?variant.unit_price_measurement.再保险ference_unit:variant.unit_price_measurement.再保险ference_value+variant.unit_price_measurement.再保险ference_unit;},

      หลังจากที่แก้ไขไฟล์แล้ว ควรได้ผลลัพธ์ดังต่อไปนี้:

      

      1. ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาบรรทัดthis._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. เพิ่มรหัสต่อไปนี้ด้านล่างตัวปิดแท็ก}ซึ่งพบได้ในขั้นตอนที่ 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).再保险moveClass('hide');}

      หลังจากที่แก้ไขไฟล์แล้ว ควรได้ผลลัพธ์ดังต่อไปนี้:

      

      1. คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง

      (ไม่บังคับ) เพิ่มคำแปลภาษาอื่นๆ

      1. ไปที่หน้าธีมในส่วน Shopify admin

      2. คลิกที่การดำเนินการ > แก้ไขภาษา

      3. คลิกที่เปลี่ยนภาษาธีมจากนั้นเลือกภาษาที่คุณต้องการแก้ไข ทำได้เฉพาะในธีมที่คุณเผยแพร่เท่านั้น

      4. ป้อนUnit Priceในช่องค้นหา

      5. อัปเดตช่องตัวคั่นราคาซึ่งอยู่ในห้วข้อทั่วไป/การเข้าถึง

      6. อัปเดตช่องป้ายราคาซึ่งอยู่ในหัวข้อผลิตภัณฑ์/ผลิตภัณฑ์

      7. คลิกที่บันทึก