แสดงราคาต่อหน่วย< / h1 >
หน้านี้พิมพ์ขึ้นเมื่อ5月17日2023年หากต้องการเวอร์ชันปัจจุบันโปรดไปที่https://help.shopify.com/th/manual/intro-to-shopify/initial-setup/sell-in-france/price-per-unit< / div >
หากคุณขายสินค้าจำนวนมากคุณอาจต้องแสดงราคาต่อหน่วยสำหรับสินค้าบางรายการโดยเมื่อคุณป้อนราคาต่อหน่วยสำหรับสินค้าระบบจะแสดงราคาต่อหน่วยในหน้าสินค้าหน้าคอลเลกชันหน้าตะกร้าสินค้าหน้าการชำระเงินและการแจ้งเตือนการยืนยันคำสั่งซื้อ< / p >
ในหน้านี้
เพิ่มราคาต่อหน่วยให้แก่สินค้าของคุณ
Shopify adminสินค้า
คลิกที่ชื่อของสินค้าที่คุณต้องการเปลี่ยน< / p >李< / ><李>
คลิกตัวเลือกสินค้าที่คุณต้องการอัปเดต< / p >李< / ><李>
ในส่วนการกำหนดราคาให้เลือกแสดงราคาต่อหน่วยสำหรับสินค้ารายการนี้
ในช่องจำนวนรวมของสินค้าให้ป้อนจำนวนหน่วยที่สินค้าของคุณมี< / p >李< / ><李>
ใช้เมนูดรอปดาวน์เลือกหน่วยเพื่อเลือกหน่วยวัดของตัวเลือกสินค้าประเภทหน่วยที่คุณแสดงจะแตกต่างกันไปขึ้นอยู่กับประเภทของสินค้าที่คุณขายตัวอย่างเช่นหากสินค้าเป็นสบู่2ลิตรให้เลือกลิตร
ในช่องราคาต่อหน่วยให้ป้อนราคาต่อหน่วยของสินค้า< / p >李< / ><李>
ตัวเลือกเสริม:ป้อนตัวเลขสำหรับหน่วยพื้นฐานตัวอย่างเช่นสำหรับสินค้าน้ำหนัก1กก。加油!加油!加油!加油!< / p >李< / ><李>
คลิกที่บันทึก
จากแอปShopifyให้ไปที่สินค้า>สินค้าทั้งหมด”
จากหน้าจอสินค้าทั้งหมด”ให้แตะที่สินค้า< / p >李< / ><李>
แตะตัวเลือกสินค้าที่คุณต้องการอัปเดต< / p >李< / ><李>
ในส่วนการกำหนดราคาให้เลือกแสดงราคาต่อหน่วยสำหรับสินค้ารายการนี้
ในช่องจำนวนรวมของสินค้าให้ป้อนจำนวนหน่วยที่สินค้าของคุณมี< / p >李< / ><李>
ใช้เมนูดรอปดาวน์เลือกหน่วยเพื่อเลือกหน่วยวัดของตัวเลือกสินค้าประเภทหน่วยที่คุณแสดงจะแตกต่างกันไปขึ้นอยู่กับประเภทของสินค้าที่คุณขายตัวอย่างเช่นหากสินค้าเป็นสบู่2ลิตรให้เลือกลิตร
ในช่องราคาต่อหน่วยให้ป้อนราคาต่อหน่วยของสินค้า< / p >李< / ><李>
ตัวเลือกเสริม:เลือกหน่วยพื้นฐานตัวอย่างเช่นสำหรับสินค้าน้ำหนัก1กก。加油!加油!加油!加油!< / p >李< / ><李>
แตะที่บันทึก
จากแอปShopifyให้ไปที่สินค้า>สินค้าทั้งหมด”
จากหน้าจอสินค้าทั้งหมด”ให้แตะที่สินค้า< / p >李< / ><李>
แตะตัวเลือกสินค้าที่คุณต้องการอัปเดต< / p >李< / ><李>
ในส่วนการกำหนดราคาให้เลือกแสดงราคาต่อหน่วยสำหรับสินค้ารายการนี้
ในช่องจำนวนรวมของสินค้าให้ป้อนจำนวนหน่วยที่สินค้าของคุณมี< / p >李< / ><李>
ใช้เมนูดรอปดาวน์เลือกหน่วยเพื่อเลือกหน่วยวัดของตัวเลือกสินค้าประเภทหน่วยที่คุณแสดงจะแตกต่างกันไปขึ้นอยู่กับประเภทของสินค้าที่คุณขายตัวอย่างเช่นหากสินค้าเป็นสบู่2ลิตรให้เลือกลิตร
ในช่องราคาต่อหน่วยให้ป้อนราคาต่อหน่วยของสินค้า< / p >李< / ><李>
ตัวเลือกเสริม:เลือกหน่วยพื้นฐานตัวอย่างเช่นสำหรับสินค้าน้ำหนัก1กก。加油!加油!加油!加油!< / p >李< / ><李>
แตะที่บันทึก
แสดงราคาต่อหน่วยในร้านค้าออนไลน์ของคุณ
ขั้นตอนสำหรับการปรับแต่งนี้จะแตกต่างกันไปขึ้นอยู่กับธีมของคุณคลิกปุ่มสำหรับธีมของคุณก่อนทำตามคำแนะนำด้านล่าง:< / p >
ขั้นตอนสำหรับ亮相
ราคาต่อหน่วยมีให้บริการในธีม亮相สำหรับเวอร์ชัน12.1.0ขึ้นหากคุณไม่สามารถอัปเดตแอปของคุณเป็นเวอร์ชันล่าสุดได้คุณสามารถเพิ่มการแก้ไขราคาต่อหน่วยไปยังธีม亮相เวอร์ชันก่อนหน้า< / p >
แก้ไขส่วนย่อยราคาสินค้าของคุณ
ในไดเรกทอรีส่วนย่อยให้คลิกที่ไฟล์product-price.liquid
ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้โดยค้นหาdata-price
:< / p >李< / >
- แทนที่โค้ดดังกล่าวด้วยส่วนย่อยต่อไปนี้:李< / >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้โดยค้นหา
price__sale
:李< / >
- เพิ่มโค้ดต่อไปนี้ลงใต้แท็กปิด
< / div >
:李< / >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
แก้ไขหน้าสินค้าแนะนำของคุณ
ในไดเรกทอรีส่วนให้คลิกที่ไฟล์featured-product.liquid
ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้โดยค้นหาitemprop = "提供"
:< / p >李< / >
< div data-price-container >{%< / span >评论< / span >%}< / span >可选地显示产品的“比较价格”或原价。< / span >{%< / span >endcomment< / span >%}< / span >{%< / span >如果< / span >compare_at_price< / span >>< / span >价格< / span >%}< / span >{%< / span >除非< / span >current_variant< / span >.< / span >可用< / span >%}< / span >aria-hidden="真正的"{%< / span >endunless< / span >%}< / span >>{{< / span >“products.general.regular_price”< / span >|< / span >t< / span >}}< / span >< / span > {{< / span >compare_at_price< / span >|< / span >钱< / span >}}< / span >< / span >< / span >{{< / span >“products.general.sale_price”< / span >|< / span >t< / span >}}< / span >< / span >{%< / span >其他的< / span >%}< / span >{%< / span >除非< / span >current_variant< / span >.< / span >可用< / span >%}< / span >aria-hidden="真正的"{%< / span >endunless< / span >%}< / span >>{{< / span >“products.general.regular_price”< / span >|< / span >t< / span >}}< / span >< / span >
- แทนที่โค้ดดังกล่าวด้วยส่วนย่อยต่อไปนี้:李< / >
{%< / span >包括< / span >“产品价格”< / span >,< / span >变体< / span >:< / span >current_variant< / span >%}< / span >
หลังจากที่แก้ไขไฟล์แล้วไฟล์featured-product.liquid
ควรจะอยู่ในรูปแบบดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
แก้ไขหน้าสินค้าของคุณ
ในไดเรกทอรีส่วนให้คลิกที่ไฟล์product-template.liquid
ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้โดยค้นหาitemprop = "提供"
:< / p >李< / >
< div data-price-container >{%< / span >评论< / span >%}< / span >可选地显示产品的“比较价格”或原价。< / span >{%< / span >endcomment< / span >%}< / span >{%< / span >如果< / span >current_variant< / span >.< / span >compare_at_price< / span >>< / span >current_variant< / span >.< / span >价格< / span >%}< / span >{%< / span >除非< / span >current_variant< / span >.< / span >可用< / span >%}< / span >aria-hidden="真正的"{%< / span >endunless< / span >%}< / span >>{{< / span >“products.general.regular_price”< / span >|< / span >t< / span >}}< / span >< / span > {{< / span >current_variant< / span >.< / span >compare_at_price< / span >|< / span >钱< / span >}}< / span >< / span >< / span >{{< / span >“products.general.sale_price”< / span >|< / span >t< / span >}}< / span >< / span >{%< / span >其他的< / span >%}< / span >{%< / span >除非< / span >current_variant< / span >.< / span >可用< / span >%}< / span >aria-hidden="真正的"{%< / span >endunless< / span >%}< / span >>{{< / span >“products.general.regular_price”< / span >|< / span >t< / span >}}< / span >< / span >
- แทนที่โค้ดดังกล่าวด้วยส่วนย่อยต่อไปนี้:李< / >
{%< / span >包括< / span >“产品价格”< / span >,< / span >变体< / span >:< / span >current_variant< / span >%}< / span >
หลังจากที่แก้ไขไฟล์แล้วไฟล์product-template.liquid
ควรจะอยู่ในรูปแบบดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
แก้ไขตะกร้าสินค้าAJAXของคุณ
ในไดเรกทอรีส่วนย่อยให้คลิกที่ไฟล์ajax-cart-template.liquid
ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้โดยค้นหา< span class = " ajaxcart__price”>{{{价格}}}< / span >
:< / p >李< / >
{{< / span >#< / span >如果< / span >discountsApplied< / span >}}< / span >< span class = " visually-hidden”>{%< / span >endraw< / span >%} {{< / span >“products.general.regular_price”< / span >|< / span >t< / span >}} {%< / span >生< / span >%}< / span >< / span >{{{price}}} {%< / span >endraw< / span >%} {{< / span >“products.general.sale_price”< / span >|< / span >t< / span >}} {%< / span >生< / span >%}< / span >< / span > < span class = " ajaxcart__price”> {{{discountedPrice}}} < / span >{{其他}}<跨类=“ajaxcart__price”>{{{价格}}}< / span >{{/如果}}
- เพิ่มโค้ดต่อไปนี้ลงใต้โค้ด
{{/如果}}
จากขั้นตอนที่2:李< / >
{{< / span >#< / span >如果< / span >unitPrice< / span >}}< / span >< span class = " visually-hidden”>{%< / span >endraw< / span >%} {{< / span >“products.general.unit_price”< / span >|< / span >t< / span >}} {%< / span >生< / span >%}< / span >< / span >{%< / span >endraw< / span >%}< / span >{% -< / span >捕获< / span >unit_price_separator< / span >- - - - - - %}< / span > ;{{< / span >“general.accessibility.unit_price_separator”< / span >|< / span >t< / span >}}< / span >跨度,< / >{% -< / span >endcapture< / span >- - - - - - %}< / span >{%< / span >生< / span >%}< / span >< span > {{{unitPrice。价格}}}< / span > {{%< / span >endraw< / span >%} {{-< / span >unit_price_separator< / span >-}} {%< / span >生< / span >%}< / span >{{#如果unitPrice。{{{unitPrice。reference_value}}}{{/如果}}{{{unitPrice.参考单元}}} {{/if}}
หลังจากที่แก้ไขไฟล์แล้วไฟล์ajax-cart-template.liquid
ควรจะอยู่ในรูปแบบดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
แก้ไขสินค้าในกริดสินค้าของคุณ
ในไดเรกทอรีส่วนย่อยให้คลิกที่ไฟล์product-grid-template.liquid
ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้โดยค้นหา捕捉img_id_class
:< / p >李< / >
{%< / span >捕获< / span >img_id_class< / span >%}< / span >ProductImage -{{< / span >产品< / span >.< / span >featured_image< / span >.< / span >id< / span >}} {%< / span >endcapture< / span >%}< / span >{%< / span >捕获< / span >img_wrapper_id< / span >%}< / span >ProductImageWrapper -{{< / span >产品< / span >.< / span >featured_image< / span >.< / span >id< / span >}} {%< / span >endcapture< / span >%}< / span >{% -< / span >分配< / span >img_url< / span >=< / span >产品< / span >.< / span >featured_image< / span >|< / span >img_url< / span >:< / span >“1 x1”< / span >|< / span >取代< / span >:< / span >“_1x1”。< / span >,< / span >“_}{宽度x”。< / span >- - - - - - %}< / span >
- เพิ่มส่วนย่อยต่อไปนี้ลงก่อนหน้าโค้ดจากขั้นตอนที่2:李< / >
{% -< / span >分配< / span >变体< / span >=< / span >产品< / span >.< / span >selected_or_first_available_variant< / span >- - - - - - %}< / span >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้โดยค้นหา
{{产品。价格|money_without_trailing_zeros}}
:李< / >
< span class = " grid-product__price”>{%< / span >如果< / span >on_sale< / span >%}< / span >< span class = " visually-hidden”>{{< / span >“products.general.sale_price”< / span >|< / span >t< / span >}}< / span >< / span >{%< / span >其他的< / span >%}< / span >< span class = " visually-hidden”>{{< / span >“products.general.regular_price”< / span >|< / span >t< / span >}}< / span >< / span >{%< / span >endif< / span >%}< / span >{%< / span >如果< / span >产品< / span >.< / span >price_varies< / span >%}< / span >{{< / span >产品< / span >.< / span >price_min< / span >|< / span >money_without_trailing_zeros< / span >}}< / span > + {%< / span >其他的< / span >%}< / span >{{< / span >产品< / span >.< / span >价格< / span >|< / span >money_without_trailing_zeros< / span >}}< / span >{%< / span >endif< / span >%}< / span >< / span >
- เพิ่มโค้ดต่อไปนี้ลงใต้โค้ด:
< / span >
{% -< / span >如果< / span >产品< / span >.< / span >price_varies< / span >==< / span >假< / span >和< / span >变体< / span >.< / span >unit_price_measurement< / span >- - - - - - %}< / span >{% -< / span >捕获< / span >unit_price_separator< / span >- - - - - - %}< / span > ;{{< / span >“general.accessibility.unit_price_separator”< / span >|< / span >t< / span >}}< / span >跨度,< / >{% -< / span >endcapture< / span >- - - - - - %}< / span >{% -< / span >捕获< / span >unit_price_base_unit< / span >- - - - - - %}< / span >< span >{% -< / span >如果< / span >变体< / span >.< / span >unit_price_measurement< / span >.< / span >reference_value< / span >! =< / span >1< / span >- - - - - - %}< / span >{{-< / span >变体< / span >.< / span >unit_price_measurement< / span >.< / span >reference_value< / span >-}}< / span >{% -< / span >endif< / span >- - - - - - %}< / span >{{< / span >变体< / span >.< / span >unit_price_measurement< / span >.< / span >reference_unit< / span >}}< / span >< / span >{% -< / span >endcapture< / span >- - - - - - %}< / span >< span class = " product-unit-price" >{{< / span >“products.general.unit_price”< / span >|< / span >t< / span >}}< / span >< / span > < span >{{< / span >变体< / span >.< / span >unit_price< / span >|< / span >钱< / span >}}< / span >< / span >{{-< / span >unit_price_separator< / span >-}} {{-< / span >unit_price_base_unit< / span >-}}< / span >< / span >{% -< / span >endif< / span >- - - - - - %}< / span >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
แก้ไขหน้าตะกร้าสินค้า
ในไดเรกทอรีเทมเพลตให้คลิกที่ไฟล์cart.liquid
ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้โดยค้นหา< span class = " cart__price”>
:< / p >李< / >
{% -< / span >如果< / span >项< / span >.< / span >original_line_price< / span >! =< / span >项< / span >.< / span >final_line_price< / span >- - - - - - %}< / span >< span class = " visually-hidden”>{{< / span >“products.general.regular_price”< / span >|< / span >t< / span >}}< / span >< / span >{{< / span >项< / span >.< / span >original_line_price< / span >|< / span >钱< / span >}}< / span > {{< / span >“products.general.sale_price”< / span >|< / span >t< / span >}}< / span >< / span >{{< / span >项< / span >.< / span >final_line_price< / span >|< / span >钱< / span >}}< / span >< / span >{% -< / span >其他的< / span >- - - - - - %}< / span >< span class = " cart__price”>{{< / span >项< / span >.< / span >original_line_price< / span >|< / span >钱< / span >}}< / span >< / span >{% -< / span >endif< / span >- - - - - - %}< / span >
หมายเหตุ:หากคุณมีธีมเวอร์ชันเก่าคุณอาจไม่สามารถค้นหาส่วนย่อยนี้ได้ในกรณีเช่นนี้ให้เพิ่มโค้ดจากขั้นตอนที่3ลงที่ใต้โค้ด< span class = " cart__price”>
- ใส่ส่วนย่อยต่อไปนี้ที่ด้านล่างของรหัสจากขั้นตอนที่2:李< / >
{% -< / span >如果< / span >项< / span >.< / span >unit_price_measurement< / span >- - - - - - %}< / span >< span class = " visually-hidden”>{{< / span >“products.general.unit_price”< / span >|< / span >t< / span >}}< / span >< / span >{% -< / span >捕获< / span >unit_price_separator< / span >- - - - - - %}< / span > ;{{< / span >“general.accessibility.unit_price_separator”< / span >|< / span >t< / span >}}< / span >跨度,< / >{% -< / span >endcapture< / span >- - - - - - %}< / span >{% -< / span >捕获< / span >unit_price_base_unit< / span >- - - - - - %}< / span >{% -< / span >如果< / span >项< / span >.< / span >unit_price_measurement< / span >.< / span >reference_value< / span >! =< / span >1< / span >- - - - - - %}< / span >{{-< / span >项< / span >.< / span >unit_price_measurement< / span >.< / span >reference_value< / span >-}}< / span >{% -< / span >endif< / span >- - - - - - %}< / span >{{< / span >项< / span >.< / span >unit_price_measurement< / span >.< / span >reference_unit< / span >}}< / span >{% -< / span >endcapture< / span >- - - - - - %}< / span >< span data-unit-price >{{< / span >项< / span >.< / span >unit_price< / span >|< / span >钱< / span >}}< / span >< / span >{{-< / span >unit_price_separator< / span >-}} {{-< / span >unit_price_base_unit< / span >-}}< / span >< / span >{% -< / span >endif< / span >- - - - - - %}< / span >
หลังจากที่แก้ไขไฟล์แล้วไฟล์cart.liquid
ควรจะอยู่ในรูปแบบดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
แก้ไขหน้าคำสั่งซื้อของคุณ
ในไดเรกทอรีเทมเพลตให้คลิกที่ไฟล์客户/ order.liquid
ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้โดยค้นหา{{line_item。或iginal_price | money }}
:< / p >李< / >
< span style =" font - family "{{< / span >“customer.order.price”< / span >|< / span >t< / span >}}< / span >">{% -< / span >如果< / span >line_item< / span >.< / span >original_price< / span >! =< / span >line_item< / span >.< / span >final_price< / span >- - - - - - %}< / span >< span class = " visually-hidden”>{{< / span >“products.general.regular_price”< / span >|< / span >t< / span >}}< / span >< / span > < del >{{< / span >line_item< / span >.< / span >original_price< / span >|< / span >钱< / span >}}< / span > {{< / span >“products.general.sale_price”< / span >|< / span >t< / span >}}< / span > {{< / span >line_item< / span >.< / span >final_price< / span >|< / span >钱< / span >}}< / span >< / span >{% -< / span >其他的< / span >- - - - - - %}< / span >{{< / span >line_item< / span >.< / span >original_price< / span >|< / span >钱< / span >}}< / span >{% -< / span >endif< / span >- - - - - - %}< / span >道明> < /
- เพิ่มส่วนย่อยต่อไปนี้ลงก่อนหน้าโค้ด
道明> < /
จากขั้นตอนที่2:李< / >
{% -< / span >如果< / span >line_item< / span >.< / span >unit_price_measurement< / span >- - - - - - %}< / span >< span class = " visually-hidden”>{{< / span >“products.general.unit_price”< / span >|< / span >t< / span >}}< / span >< span class = " product-unit-price" >{% -< / span >捕获< / span >unit_price_separator< / span >- - - - - - %}< / span > ;{{< / span >“general.accessibility.unit_price_separator”< / span >|< / span >t< / span >}}< / span >跨度,< / >{% -< / span >endcapture< / span >- - - - - - %}< / span >{% -< / span >捕获< / span >unit_price_base_unit< / span >- - - - - - %}< / span >{% -< / span >如果< / span >line_item< / span >.< / span >unit_price_measurement< / span >.< / span >reference_value< / span >! =< / span >1< / span >- - - - - - %}< / span >{{-< / span >line_item< / span >.< / span >unit_price_measurement< / span >.< / span >reference_value< / span >-}}< / span >{% -< / span >endif< / span >- - - - - - %}< / span >{{< / span >line_item< / span >.< / span >unit_price_measurement< / span >.< / span >reference_unit< / span >}}< / span >{% -< / span >endcapture< / span >- - - - - - %}< / span >< span >{{< / span >line_item< / span >.< / span >unit_price< / span >|< / span >钱< / span >}}< / span >< / span >{{-< / span >unit_price_separator< / span >-}} {{-< / span >unit_price_base_unit< / span >-}}< / span >< / span >{% -< / span >endif< / span >- - - - - - %}< / span >
หลังจากที่แก้ไขไฟล์แล้วไฟล์客户/ order.liquid
ควรจะอยู่ในรูปแบบดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
【中文翻译】【中文翻译
ในไดเรกทอรีองค์ประกอบให้คลิกที่ไฟล์theme.scss.liquid
ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้โดยค้นหา.ajaxcart__price {
:< / p >李< / >
.ajaxcart__price< / span >{< / span >字体大小< / span >:< / span >新兴市场< / span >(< / span >13 px< / span >);< / span >显示< / span >:< / span >块< / span >;< / span >}< / span >
- ใส่ส่วนย่อยต่อไปนี้ที่ด้านล่างของรหัสจากขั้นตอนที่2:李< / >
.cart__unit-price< / span >{< / span >显示< / span >:< / span >块< / span >;< / span >}< / span >
หลังจากที่แก้ไขไฟล์แล้วไฟล์theme.scss.liquid
ควรจะอยู่ในรูปแบบดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
2 .我的名字叫“我的名字”
ในไดเรกทอรีองค์ประกอบให้คลิกที่ไฟล์timber.scss.liquid
ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้โดยค้นหา.product-single__policies {
:< / p >李< / >
.product-single__policies< / span >{< / span >保证金< / span >:< / span >15个像素< / span >0< / span >25个像素< / span >0< / span >;< / span >}< / span >
- ใส่ส่วนย่อยต่อไปนี้ที่ด้านบนของรหัสจากขั้นตอนที่2:李< / >
.product-single__unit< / span >{< / span >显示< / span >:< / span >没有一个< / span >;< / span >.price-container——得到更多< / span >&< / span >{< / span >显示< / span >:< / span >块< / span >;< / span >}< / span >}< / span >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- ไปที่จุดท้ายสุดของไฟล์และเพิ่มโค้ดต่อไปนี้:李< / >
.product-unit-price< / span >{< / span >颜色< / span >:< / span >美元< / span >colorTextBody< / span >;< / span >显示< / span >:< / span >块< / span >;< / span >}< / span >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
แก้ไขโค้ดธีมJavaScriptของคุณ
ในไดเรกทอรีองค์ประกอบให้คลิกที่ไฟล์theme.js.liquid
ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้:< / p >李< / >
var< / span >prodImg< / span >;< / span >
- ใส่ส่วนย่อยต่อไปนี้ที่ด้านล่างของรหัสจากขั้นตอนที่2:李< / >
var< / span >unitPrice< / span >=< / span >零< / span >;< / span >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้:李< / >
//创建项目的数据对象并添加到'items'数组< / span >
- เพิ่มส่วนย่อยต่อไปนี้ลงเหนือโค้ดจากขั้นตอนที่4:李< / >
如果< / span >(< / span >cartItem< / span >.< / span >unit_price_measurement< / span >)< / span >{< / span >unitPrice< / span >=< / span >{< / span >addRefererenceValue< / span >:< / span >cartItem< / span >.< / span >unit_price_measurement< / span >.< / span >reference_value< / span >= = !< / span >1< / span >,< / span >价格< / span >:< / span >主题< / span >.< / span >货币< / span >.< / span >formatMoney< / span >(< / span >cartItem< / span >.< / span >unit_price< / span >,< / span >设置< / span >.< / span >moneyFormat< / span >),< / span >reference_value< / span >:< / span >cartItem< / span >.< / span >unit_price_measurement< / span >.< / span >reference_value< / span >,< / span >reference_unit< / span >:< / span >cartItem< / span >.< / span >unit_price_measurement< / span >.< / span >reference_unit< / span >};< / span >}< / span >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้:李< / >
供应商< / span >:< / span >cartItem< / span >.< / span >供应商< / span >
- เพิ่มส่วนย่อยต่อไปนี้ลงเหนือโค้ดจากขั้นตอนที่6:李< / >
unitPrice< / span >:< / span >unitPrice< / span >,< / span >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้:李< / >
productPrice< / span >:< / span >'< / span ># ProductPrice< / span >'< / span >,< / span >
- ใส่ส่วนย่อยต่อไปนี้ที่ด้านล่างของรหัสจากขั้นตอนที่8:李< / >
unitPrice< / span >:< / span >'< / span >(data-unit-price)< / span >'< / span >,< / span >unitPriceBaseUnit< / span >:< / span >'< / span >(data-unit-price-base-unit)< / span >'< / span >,< / span >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้โดยค้นหา
(this.selectors美元。priceContainer,这.美元的容器)。removeClass(
:李< / >
美元< / span >(< / span >这< / span >.< / span >选择器< / span >.< / span >priceContainer< / span >,< / span >这< / span >.< / span >美元的容器< / span >)。< / span >removeClass< / span >(< / span >'< / span >visibility-hidden< / span >'< / span >);< / span >
- แทนที่โค้ดดังกล่าวด้วยส่วนย่อยต่อไปนี้:李< / >
美元< / span >(< / span >这< / span >.< / span >选择器< / span >.< / span >priceContainer< / span >,< / span >这< / span >.< / span >美元的容器< / span >)。< / span >removeClass< / span >(< / span >'< / span >visibility-hidden price-container——得到更多< / span >'< / span >);< / span >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้:李< / >
美元< / span >(< / span >这< / span >.< / span >选择器< / span >.< / span >SKU< / span >)。< / span >超文本标记语言< / span >(< / span >变体< / span >.< / span >sku< / span >);< / span >
- เพิ่มส่วนย่อยต่อไปนี้ลงเหนือโค้ดจากขั้นตอนที่12:李< / >
如果< / span >(< / span >变体< / span >.< / span >unit_price_measurement< / span >)< / span >{< / span >var< / span >unitPrice美元< / span >=< / span >美元< / span >(< / span >这< / span >.< / span >选择器< / span >.< / span >unitPrice< / span >,< / span >这< / span >.< / span >美元的容器< / span >);< / span >var< / span >unitPriceBaseUnit美元< / span >=< / span >美元< / span >(< / span >这< / span >.< / span >选择器< / span >.< / span >unitPriceBaseUnit< / span >,< / span >这< / span >.< / span >美元的容器< / span >);< / span >unitPrice美元< / span >.< / span >超文本标记语言< / span >(< / span >主题< / span >.< / span >货币< / span >.< / span >formatMoney< / span >(< / span >变体< / span >.< / span >unit_price< / span >,< / span >moneyFormat< / span >)< / span >);< / span >unitPriceBaseUnit美元< / span >.< / span >超文本标记语言< / span >(< / span >这< / span >.< / span >getBaseUnit< / span >(< / span >变体< / span >));< / span >美元< / span >(< / span >这< / span >.< / span >选择器< / span >.< / span >priceContainer< / span >,< / span >这< / span >.< / span >美元的容器< / span >)。< / span >addClass< / span >(< / span >'< / span >price-container——得到更多< / span >'< / span >);< / span >}< / span >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้โดยค้นหา
this.destroyImageCarousel ();
:李< / >
onUnload< / span >:< / span >函数< / span >()< / span >{< / span >这< / span >.< / span >美元的容器< / span >.< / span >从< / span >(< / span >这< / span >.< / span >设置< / span >.< / span >名称空间< / span >);< / span >这< / span >.< / span >destroyImageCarousel< / span >();< / span >}< / span >
- เพิ่มส่วนย่อยต่อไปนี้ลงเหนือโค้ดจากขั้นตอนที่14:李< / >
getBaseUnit< / span >:< / span >函数< / span >(< / span >变体< / span >)< / span >{< / span >返回< / span >变体< / span >.< / span >unit_price_measurement< / span >.< / span >reference_value< / span >===< / span >1< / span >?< / span >变体< / span >.< / span >unit_price_measurement< / span >.< / span >reference_unit< / span >:< / span >变体< / span >.< / span >unit_price_measurement< / span >.< / span >reference_value< / span >+< / span >变体< / span >.< / span >unit_price_measurement< / span >.< / span >reference_unit< / span >;< / span >},< / span >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
แก้ไขคำแปลภาษาอังกฤษของคุณ
ในไดเรกทอรีตำแหน่งที่ตั้งให้คลิกที่ไฟล์en.default.json
ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้:< / p >李< / >
“refresh_page”< / span >:< / span >"选择一个选项会刷新整个页面"< / span >
- ใส่ส่วนย่อยต่อไปนี้ที่ด้านบนของรหัสจากขั้นตอนที่2:李< / >
“unit_price_separator”< / span >:< / span >“每”< / span >,< / span >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้:李< / >
“include_taxes”< / span >:< / span >“含税”。< / span >,< / span >
- ใส่ส่วนย่อยต่อไปนี้ที่ด้านล่างของรหัสจากขั้นตอนที่4:李< / >
“unit_price”< / span >:< / span >“单价”< / span >,< / span >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
(ไม่บังคับ)เพิ่มคำแปลภาษาอื่นๆ
ไปที่หน้าธีมในส่วนผู้ดูแลShopify< / p >李< / ><李>
คลิกปุ่ม“…”>“แก้ไขเนื้อหาธีมเริ่มต้น”
คลิกที่เปลี่ยนภาษาของธีมจากนั้นเลือกภาษาที่คุณต้องการแก้ไขทำได้เฉพาะในธีมที่คุณเผยแพร่เท่านั้น< / p >李< / ><李>
ป้อน单价
ในช่องค้นหา< / p >李< / ><李>
อัปเดตช่องตัวคั่นราคาซึ่งอยู่ในห้วข้อทั่วไป/การเข้าถึง
อัปเดตข้อมูลในช่องใบจ่าหน้าราคาต่อหน่วยซึ่งอยู่ภายใต้หัวข้อสินค้า/ทั่วไป
คลิกที่บันทึก
ขั้นตอนสำหรับ最小
ราคาต่อหน่วยมีอยู่ในธีม最小สำหรับเวอร์ชัน11.2.0ขึ้นไปหากคุณไม่สามารถอัปเดตแอปของคุณเป็นเวอร์ชันล่าสุดได้คุณสามารถเพิ่มการแก้ไขราคาต่อหน่วยไปยังธีม最小เวอร์ชันก่อนหน้า< / p >
อัปเดตส่วนย่อยของคุณ
ค้นหาและเข้าไปยังโฟลเดอร์ส่วนย่อย
เลือกเพิ่มส่วนย่อยใหม่
ป้อนชื่อproduct-unit-price
คัดลอกและวางโค้ดต่อไปนี้ลงในproduct-unit-price.liquid
{% -< / span >除非< / span >可用< / span >- - - - - - %}< / span >{% -< / span >如果< / span >变体< / span >.< / span >标题< / span >- - - - - - %}< / span >{% -< / span >分配< / span >可用< / span >=< / span >变体< / span >.< / span >可用< / span >- - - - - - %}< / span >{% -< / span >其他的< / span >- - - - - - %}< / span >{% -< / span >分配< / span >可用< / span >=< / span >真正的< / span >- - - - - - %}< / span >{% -< / span >endif< / span >- - - - - - %}< / span >{% -< / span >endunless< / span >- - - - - - %}< / span >< span class = " product-unit-price{%< / span >除非< / span >可用< / span >和< / span >变体< / span >.< / span >unit_price_measurement< / span >%}< / span >隐藏{%< / span >endunless< / span >%} {%< / span >如果< / span >wrapper_class< / span >! =< / span >空白< / span >%}< / span >{{< / span >wrapper_class< / span >}} {%< / span >endif< / span >%}< / span >“data-unit-price-container >{% -< / span >捕获< / span >unit_price_separator< / span >- - - - - - %}< / span > {{< / span >“general.accessibility.unit_price_separator”< / span >|< / span >t< / span >}}< / span >< / span >{% -< / span >endcapture< / span >- - - - - - %}< / span >{% -< / span >捕获< / span >unit_price_base_unit< / span >- - - - - - %}< / span >< span data-unit-price-base-unit >{% -< / span >如果< / span >可用< / span >和< / span >变体< / span >.< / span >unit_price_measurement< / span >- - - - - - %}< / span >{% -< / span >如果< / span >变体< / span >.< / span >unit_price_measurement< / span >.< / span >reference_value< / span >! =< / span >1< / span >- - - - - - %}< / span >{{-< / span >变体< / span >.< / span >unit_price_measurement< / span >.< / span >reference_value< / span >-}}< / span >{% -< / span >endif< / span >- - - - - - %}< / span >{{< / span >变体< / span >.< / span >unit_price_measurement< / span >.< / span >reference_unit< / span >}}< / span >{% -< / span >endif< / span >- - - - - - %}< / span >< / span >{% -< / span >endcapture< / span >- - - - - - %}< / span >< span class = " visually-hidden”>{{< / span >“products.product.unit_price_label”< / span >|< / span >t< / span >}}< / span > {{< / span >变体< / span >.< / span >unit_price< / span >|< / span >钱< / span >}}< / span >< / span >{{-< / span >unit_price_separator< / span >-}} {{-< / span >unit_price_base_unit< / span >-}}< / span >< / span >
คลิกที่บันทึก
ค้นหาและแก้ไขไฟล์product-grid-item.liquid
แทนที่บรรทัดนี้:< / p >李< / >
{%< / span >捕获< / span >价格< / span >%} {{< / span >特色< / span >.< / span >价格< / span >|< / span >钱< / span >}} {%< / span >endcapture< / span >%}< / span >
ด้วยบรรทัดนี้:< / p >
{% -< / span >分配< / span >价格< / span >=< / span >特色< / span >.< / span >价格< / span >|< / span >钱< / span >- - - - - - %}< / span >
- ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหา
{{价格}}
และเพิ่มโค้ดนี้ด้านล่าง:李< / >
{% -< / span >分配< / span >变体< / span >=< / span >特色< / span >.< / span >selected_or_first_available_variant< / span >- - - - - - %}< / span >{% -< / span >如果< / span >变体< / span >.< / span >可用< / span >和< / span >变体< / span >.< / span >unit_price_measurement< / span >- - - - - - %}< / span >{%< / span >包括< / span >“product-unit-price”< / span >,< / span >变体< / span >:< / span >变体< / span >,< / span >wrapper_class< / span >:< / span >“grid-link__unit-price”< / span >%}< / span >{% -< / span >endif< / span >- - - - - - %}< / span >
หลังจากที่แก้ไขไฟล์แล้วไฟล์product-grid-item.liquid
ควรจะอยู่ในรูปแบบดังต่อไปนี้:< / p >
คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง< / p >李< / ><李>
ค้นหาและแก้ไขไฟล์search-result.liquid
ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหา{%如果项目。Object_type == 'product' %}
และเพิ่มโค้ดต่อไปนี้ในบรรทัดด้านล่าง:< / p >李< / >
{% -< / span >分配< / span >变体< / span >=< / span >项< / span >.< / span >selected_or_first_available_variant< / span >- - - - - - %}< / span >
- จากนั้นให้ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาส่วนย่อยสองรายการต่อไปนี้:李< / >
小> < s > <{{< / span >项< / span >.< / span >compare_at_price_max< / span >|< / span >钱< / span >}}< / span >< /小> < / s >
และ< / p >
< span class = " visually-hidden”>{{< / span >“products.product.regular_price”< / span >|< / span >t< / span >}}< / span > {{< / span >项< / span >.< / span >价格< / span >|< / span >钱< / span >}}< / span >< / span >
- เพิ่มบล็อกโค้ดต่อไปนี้ที่ด้านล่างของโค้ดส่วนย่อยสองส่วนแต่ละโค้ดที่ระบุไว้ในขั้นตอนก่อนหน้านี้:李< / >
{% -< / span >如果< / span >变体< / span >.< / span >可用< / span >和< / span >变体< / span >.< / span >unit_price_measurement< / span >- - - - - - %}< / span >{%< / span >包括< / span >“product-unit-price”< / span >,< / span >变体< / span >:< / span >变体< / span >%}< / span >{% -< / span >endif< / span >- - - - - - %}< / span >
หลังจากที่แก้ไขไฟล์แล้วไฟล์search-result.liquid
ควรจะอยู่ในรูปแบบดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
อัปเดตสไตล์ของคุณ
ค้นหาและขยายโฟลเดอร์สินทรัพย์
แก้ไขไฟล์theme.scss.liquid
ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาโค้ดกลุ่มนี้:< / p >李< / >
.grid-link__title< / span >,< / span >.grid-link__meta< / span >{< / span >位置< / span >:< / span >相对< / span >;< / span >margin-bottom< / span >:< / span >5 px< / span >;< / span >
- ใส่บล็อกโค้ดต่อไปนี้ใต้โค้ดส่วนย่อยที่คุณตั้งไว้ในขั้นตอนก่อนหน้า:李< / >
字体类型< / span >:< / span >美元< / span >headerFontStack< / span >;< / span >
- ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาชิ้นส่วนรหัสต่อไปนี้:李< / >
.grid-link__sale_price< / span >{< / span >不透明度< / span >:< / span >0.95< / span >;< / span >过滤器< / span >:< / span >α< / span >(< / span >不透明度< / span >=< / span >95< / span >);< / span >}< / span >
- ใส่บล็อกโค้ดต่อไปนี้ใต้โค้ดส่วนย่อยที่คุณตั้งไว้ในขั้นตอนก่อนหน้า:李< / >
.grid-link__unit-price< / span >{< / span >字体大小< / span >:< / span >1 em< / span >;< / span >}< / span >
- ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาชิ้นส่วนรหัสต่อไปนี้:李< / >
.order-discount——列表< / span >{< / span >保证金< / span >:< / span >0.8 em< / span >0< / span >0.6 em< / span >1.3 em< / span >;< / span >list-style< / span >:< / span >没有一个< / span >;< / span >填充< / span >:< / span >0< / span >;< / span >}< / span >
- ใส่บล็อกโค้ดต่อไปนี้ใต้โค้ดส่วนย่อยที่คุณตั้งไว้ในขั้นตอนก่อนหน้า:李< / >
.order-discount——价格< / span >{< / span >margin-bottom< / span >:< / span >0< / span >;< / span >}< / span >
- ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาชิ้นส่วนรหัสต่อไปนี้:李< / >
.cart__product-title< / span >{< / span >显示< / span >:< / span >inline-block< / span >;< / span >
- ใส่บล็อกโค้ดต่อไปนี้ใต้โค้ดส่วนย่อยที่คุณตั้งไว้ในขั้นตอนก่อนหน้า:李< / >
粗细< / span >:< / span >美元< / span >bodyFontWeightBold< / span >;< / span >
หลังจากที่แก้ไขไฟล์แล้วไฟล์theme.scss.liquid
ควรจะอยู่ในรูปแบบดังต่อไปนี้:< / p >
คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง< / p >李< / ><李>
ค้นหาและแก้ไขไฟล์timber.scss.liquid
ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาโค้ดนี้:< / p >李< / >
.quantity-selector< / span >{< / span >显示< / span >:< / span >inline-block< / span >;< / span >}< / span >}< / span >
- ใส่บล็อกโค้ดต่อไปนี้ใต้โค้ดส่วนย่อยที่คุณตั้งไว้ในขั้นตอนก่อนหน้า:李< / >
.product-single__title< / span >{< / span >粗细< / span >:< / span >美元< / span >bodyFontWeightBold< / span >;< / span >}< / span >
- ใส่โค้ดนี้ที่ส่วนท้ายของไฟล์:李< / >
.product-unit-price< / span >{< / span >颜色< / span >:< / span >rgba< / span >(< / span >美元< / span >colorTextBody< / span >,< / span >0.6< / span >);< / span >显示< / span >:< / span >块< / span >;< / span >字体类型< / span >:< / span >美元< / span >headerFontStack< / span >;< / span >字体大小< / span >:< / span >新兴市场< / span >(< / span >12 px< / span >);< / span >}< / span >
หลังจากที่แก้ไขไฟล์แล้วไฟล์timber.scss.liquid
ควรจะอยู่ในรูปแบบดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
อัปเดตเทมเพลตของคุณ
ค้นหาและขยายโฟลเดอร์เทมเพลต
ค้นหาและแก้ไขไฟล์客户/ order.liquid
ใช้แป้นลัดสำหรับค้นหาเพื่อหาโค้ดดังกล่าว:< / p >李< / >
{% -< / span >其他的< / span >- - - - - - %}< / span >{{< / span >line_item< / span >.< / span >original_price< / span >|< / span >钱< / span >}}< / span >{% -< / span >endif< / span >- - - - - - %}< / span >
- เพิ่มโค้ดนี้ลงด้านล่างโค้ดจากขั้นตอนที่3:李< / >
{% -< / span >如果< / span >line_item< / span >.< / span >unit_price_measurement< / span >- - - - - - %}< / span >{%< / span >包括< / span >“product-unit-price”< / span >,< / span >变体< / span >:< / span >line_item< / span >,< / span >可用< / span >:< / span >真正的< / span >%}< / span >{% -< / span >endif< / span >- - - - - - %}< / span >
หลังจากที่แก้ไขไฟล์แล้วไฟล์客户/ order.liquid
ควรจะอยู่ในรูปแบบดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
【翻译
ค้นหาและแก้ไขโค้ดtheme.js
ในทรัพย์สิน
ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาบรรทัดที่มี.shopify-payment-button
แล้วแทนที่ด้วย:< / p >李< / >
shopifyPaymentButton美元< / span >:< / span >美元< / span >(< / span >'< / span >.shopify-payment-button< / span >'< / span >,< / span >这< / span >.< / span >美元的容器< / span >),< / span >unitPrice美元< / span >:< / span >美元< / span >(< / span >'< / span >(data-unit-price)< / span >'< / span >,< / span >这< / span >.< / span >美元的容器< / span >),< / span >unitPriceBaseUnit美元< / span >:< / span >美元< / span >(< / span >'< / span >(data-unit-price-base-unit)< / span >'< / span >,< / span >这< / span >.< / span >美元的容器< / span >),< / span >unitPriceContainer美元< / span >:< / span >美元< / span >(< / span >'< / span >(data-unit-price-container)< / span >'< / span >,< / span >这< / span >.< / span >美元的容器< / span >)< / span >
กลุ่มโค้ดดังกล่าวควรมีลักษณะดังนี้:< / p >
- ค้นหาโค้ดนี้:李< / >
其他的< / span >{< / span >这< / span >.< / span >选择器< / span >.< / span >comparePrice美元< / span >.< / span >addClass< / span >(< / span >'< / span >隐藏< / span >'< / span >)。< / span >超文本标记语言< / span >(< / span >”< / span >);< / span >这< / span >.< / span >选择器< / span >.< / span >comparePriceA11y美元< / span >.< / span >attr< / span >(< / span >'< / span >aria-hidden< / span >'< / span >,< / span >'< / span >真正的< / span >'< / span >);< / span >}< / span >
- เพิ่มโค้ดนี้ด้านล่างโค้ดดังกล่าว:李< / >
//单价< / span >这< / span >.< / span >选择器< / span >.< / span >unitPriceContainer美元< / span >.< / span >addClass< / span >(< / span >'< / span >隐藏< / span >'< / span >);< / span >如果< / span >(< / span >变体< / span >.< / span >unit_price< / span >)< / span >{< / span >这< / span >.< / span >选择器< / span >.< / span >unitPrice美元< / span >.< / span >超文本标记语言< / span >(< / span >Shopify< / span >.< / span >formatMoney< / span >(< / span >变体< / span >.< / span >unit_price< / span >,< / span >主题< / span >.< / span >moneyFormat< / span >)< / span >);< / span >这< / span >.< / span >选择器< / span >.< / span >unitPriceBaseUnit美元< / span >.< / span >超文本标记语言< / span >(< / span >这< / span >.< / span >getBaseUnit< / span >(< / span >变体< / span >));< / span >这< / span >.< / span >选择器< / span >.< / span >unitPriceContainer美元< / span >.< / span >removeClass< / span >(< / span >'< / span >隐藏< / span >'< / span >);< / span >}< / span >
ผลลัพธ์ควรมีลักษณะดังนี้:< / p >
- ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาโค้ดนี้:李< / >
.< / span >attr< / span >(< / span >'< / span >data-zoom< / span >'< / span >)< / span >});< / span >});< / span >
- ใส่บล็อกโค้ดต่อไปนี้ใต้โค้ดส่วนย่อยที่คุณตั้งไว้ในขั้นตอนก่อนหน้า:李< / >
},< / span >getBaseUnit< / span >:< / span >函数< / span >(< / span >变体< / span >)< / span >{< / span >返回< / span >变体< / span >.< / span >unit_price_measurement< / span >.< / span >reference_value< / span >===< / span >1< / span >?< / span >变体< / span >.< / span >unit_price_measurement< / span >.< / span >reference_unit< / span >:< / span >变体< / span >.< / span >unit_price_measurement< / span >.< / span >reference_value< / span >+< / span >变体< / span >.< / span >unit_price_measurement< / span >.< / span >reference_unit< / span >;< / span >
ผลลัพธ์ควรมีลักษณะดังนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
อัปเดตเทมเพลตตระกร้าสินค้าของคุณ
ค้นหาและขยายโฟลเดอร์ส่วน
แก้ไขไฟล์cart-template.liquid
ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาโค้ด{{Final_price | money}}
แทนที่บรรทัดดังกล่าวด้วยโค้ดนี้:< / p >李< / >
{{< / span >项< / span >.< / span >final_price< / span >|< / span >钱< / span >}}< / span >< / span >
- ค้นหาโค้ด
{%-如果项目。= blank -%}
ที่เกิดขึ้นครั้งแรก:李< / >
{% -< / span >如果< / span >项< / span >.< / span >line_level_discount_allocations< / span >! =< / span >空白< / span >- - - - - - %}< / span >
- เพิ่มโค้ดกลุ่มนี้ที่ด้านบนของโค้ดจากขั้นตอนที่5:李< / >
{% -< / span >如果< / span >项< / span >.< / span >变体< / span >.< / span >可用< / span >和< / span >项< / span >.< / span >变体< / span >.< / span >unit_price_measurement< / span >- - - - - - %}< / span >{%< / span >包括< / span >“product-unit-price”< / span >,< / span >变体< / span >:< / span >项< / span >,< / span >可用< / span >:< / span >item.variant.available%}< / span >{% -< / span >endif< / span >- - - - - - %}< / span >
หลังจากที่แก้ไขไฟล์แล้วไฟล์cart-template.liquid
ควรจะอยู่ในรูปแบบดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
อัปเดตสินค้าแนะนำของคุณ
ค้นหาและขยายโฟลเดอร์ส่วน
แก้ไขไฟล์featured-product.liquid
ใช้แป้นลัดสำหรับค้นหาเพื่อหาบรรทัดที่มีโค้ดitemprop = "名称"
แล้วแทนที่ด้วย:< / p >李< / >
{{< / span >标题< / span >}}< / span >< / h1 >
- ค้นหาโค้ดที่มี
id = " PriceA11y "
:李< / >
{%< / span >如果< / span >compare_at_price< / span >>< / span >价格< / span >%}< / span >{{< / span >“products.product.regular_price”< / span >|< / span >t< / span >}}< / span >< / span > {compare_at_price | money}} {%< / span >endif< / span >%}< / span >
- ใส่บล็อกโค้ดต่อไปนี้ใต้โค้ดส่วนย่อยที่คุณตั้งไว้ในขั้นตอนก่อนหน้า:李< / >
{%< / span >包括< / span >“product-unit-price”< / span >,< / span >变体< / span >:< / span >变体< / span >,< / span >可用< / span >:< / span >真正的< / span >%}< / span >
หลังจากที่แก้ไขไฟล์แล้วไฟล์featured-product.liquid
ควรจะอยู่ในรูปแบบดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
อัปเดตเทมเพลตผลิตภัณฑ์ของคุณ
ค้นหาและขยายโฟลเดอร์ส่วน
แก้ไขไฟล์product-template.liquid
ใช้แป้นลัดสำหรับค้นหาเพื่อหาบรรทัดที่มีitemprop = "名称"
แล้วแทนที่ด้วย:< / p >李< / >
{{< / span >产品< / span >.< / span >标题< / span >}}< / span >< / h1 >
- ใช้แป้นลัดสำหรับค้นหาเพื่อหาโค้ดดังกล่าว:李< / >
{%< / span >其他的< / span >%}< / span >
- เพิ่มบรรทัดด้านล่างนี้:李< / >
{%< / span >包括< / span >“product-unit-price”< / span >,< / span >变体< / span >:< / span >变体< / span >,< / span >可用< / span >:< / span >真正的< / span >%}< / span >
หลังจากที่แก้ไขไฟล์แล้วไฟล์product-template.liquid
ควรจะอยู่ในรูปแบบดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
อัปเดตภาษา
ค้นหาและขยายโฟลเดอร์ตำแหน่งที่ตั้ง
เปิดและแก้ไขไฟล์en.default.json
ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาบรรทัดที่มีrefresh_page
แล้วแทนที่ด้วย:< / p >李< / >
“refresh_page”< / span >:< / span >"选择一个选项会刷新整个页面"< / span >,< / span >“unit_price_separator”< / span >:< / span >“每”< / span >
ผลลัพธ์ควรมีลักษณะดังนี้:< / p >
- ค้นหาบรรทัดที่มี
full_details
แล้วแทนที่ด้วย:李< / >
“full_details”< / span >:< / span >“详情”< / span >,< / span >“unit_price_label”< / span >:< / span >“单价”< / span >
ผลลัพธ์ควรมีลักษณะดังนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
(ไม่บังคับ)เพิ่มคำแปลภาษาอื่นๆ
ไปที่หน้าธีมในส่วนผู้ดูแลShopify< / p >李< / ><李>
คลิกปุ่ม“…”>“แก้ไขเนื้อหาธีมเริ่มต้น”
คลิกที่เปลี่ยนภาษาธีมจากนั้นเลือกภาษาที่คุณต้องการแก้ไขทำได้เฉพาะในธีมที่คุณเผยแพร่เท่านั้น< / p >李< / ><李>
ป้อน单价
ในช่องค้นหา< / p >李< / ><李>
อัปเดตช่องตัวคั่นราคาซึ่งอยู่ในห้วข้อทั่วไป/การเข้าถึง
อัปเดตช่องป้ายราคาซึ่งอยู่ในหัวข้อผลิตภัณฑ์/ผลิตภัณฑ์
คลิกที่บันทึก
ขั้นตอนสำหรับธีม冒险
ราคาต่อหน่วยถูกเพิ่มไปยังธีม风险สำหรับเวอร์ชัน9.4.0ขึ้นไปหากคุณไม่สามารถอัปเดตแอปของคุณเป็นเวอร์ชันล่าสุดได้ให้ทำตามขั้นตอนต่อไปนี้เพื่อใช้งานการปรับแต่งราคาต่อหน่วยในธีม风险เวอร์ชันก่อนหน้า< / p >
แก้ไขไฟล์ภาษาของธีมของคุณ
ในไดเรกทอรีตำแหน่งที่ตั้งให้คลิกที่en.default.json
ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาบรรทัดที่มีโค้ดrefresh_page
:< / p >李< / >
“refresh_page”< / span >:< / span >"选择一个选项会刷新整个页面"< / span >
- เพิ่มโค้ดต่อไปนี้ที่ด้านบนของบรรทัดที่พบในขั้นตอนที่2:李< / >
“unit_price_separator”< / span >:< / span >“每”< / span >,< / span >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาบรรทัดที่มีโค้ด
stock_unavailable
:李< / >
“stock_unavailable”< / span >:< / span >“由于库存不足,该商品无法添加到您的购物车中。”< / span >
- เพิ่มโค้ดต่อไปนี้ที่ด้านบนของบรรทัดที่พบในขั้นตอนที่4:李< / >
“unit_price_label”< / span >:< / span >“单价”< / span >,< / span >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
แก้ไขสไตล์ชีตของธีมของคุณ
ในไดเรกทอรีชิ้นงานให้คลิกtheme.scss.liquid
ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาบรรทัด.product-single__policies {
:< / p >李< / >
.product-single__policies< / span >{< / span >字体大小< / span >:< / span >新兴市场< / span >(< / span >美元< / span >font-size-base< / span >-< / span >1< / span >);< / span >}< / span >
- เพิ่มโค้ดต่อไปนี้ด้านล่างแท็กปิด
}
ของบล็อกโค้ดที่พบในขั้นตอนที่2:李< / >
.product-unit-price< / span >{< / span >字体大小< / span >:< / span >新兴市场< / span >(< / span >12< / span >);< / span >颜色< / span >:< / span >美元< / span >color-body-text< / span >;< / span >}< / span >.product-card__unit-price< / span >{< / span >显示< / span >:< / span >块< / span >;< / span >}< / span >
หลังจากที่แก้ไขไฟล์แล้วไฟล์theme.scss.liquid
ควรจะอยู่ในรูปแบบดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
เพิ่มส่วนย่อยราคาต่อหน่วยของสินค้า
ในไดเรกทอรีส่วนย่อยให้คลิกเพิ่มส่วนย่อยใหม่
ป้อนชื่อproduct-unit-price
เพิ่มรหัสต่อไปนี้ลงในproduct-unit-price.liquid
:< / p >李< / >
< span class = " product-unit-price{%< / span >如果< / span >wrapper_class< / span >! =< / span >空白< / span >%}< / span >{{< / span >wrapper_class< / span >}} {%< / span >endif< / span >%} {%< / span >除非< / span >product_variant< / span >.< / span >unit_price_measurement< / span >%}< / span >隐藏{%< / span >endunless< / span >%}< / span >“data-unit-price-container >{% -< / span >捕获< / span >unit_price_separator< / span >- - - - - - %}< / span > {{< / span >“general.accessibility.unit_price_separator”< / span >|< / span >t< / span >}}< / span >< / span >{% -< / span >endcapture< / span >- - - - - - %}< / span >{% -< / span >捕获< / span >unit_price_base_unit< / span >- - - - - - %}< / span >< span data-unit-price-base-unit >{% -< / span >如果< / span >product_variant< / span >.< / span >unit_price_measurement< / span >.< / span >reference_value< / span >! =< / span >1< / span >- - - - - - %}< / span >{{-< / span >product_variant< / span >.< / span >unit_price_measurement< / span >.< / span >reference_value< / span >-}}< / span >{% -< / span >endif< / span >- - - - - - %}< / span >{{< / span >product_variant< / span >.< / span >unit_price_measurement< / span >.< / span >reference_unit< / span >}}< / span >< / span >{% -< / span >endcapture< / span >- - - - - - %}< / span >< span class = " visually-hidden”>{{< / span >“products.product.unit_price_label”< / span >|< / span >t< / span >}}< / span > {{< / span >product_variant< / span >.< / span >unit_price< / span >|< / span >钱< / span >}}< / span >< / span >{{-< / span >unit_price_separator< / span >-}} {{-< / span >unit_price_base_unit< / span >-}}< / span >< / span >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
แก้ไขส่วนย่อยของบัตรสินค้าของคุณ
ในไดเรกทอรีส่วนย่อยให้คลิกที่product-card.liquid
ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาบรรทัด
{% -< / span >分配< / span >current_variant< / span >=< / span >产品< / span >.< / span >selected_or_first_available_variant< / span >- - - - - - %}< / span >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาบรรทัด
< div class = " product-card__price”>
:李< / >
< div class = " product-card__price”>{%< / span >如果< / span >产品< / span >.< / span >compare_at_price< / span >>< / span >产品< / span >.< / span >价格< / span >%}< / span >{%< / span >评论< / span >%}< / span >产品减价出售< / span >{%< / span >endcomment< / span >%}< / span >{%< / span >如果< / span >产品< / span >.< / span >price_varies< / span >%}< / span >{%< / span >分配< / span >sale_price< / span >=< / span >产品< / span >.< / span >价格< / span >|< / span >money_without_trailing_zeros< / span >%}< / span >{{< / span >“products.product.on_sale_from_html”< / span >|< / span >t< / span >:< / span >价格< / span >:< / span >sale_price< / span >}}< / span >{%< / span >其他的< / span >%}< / span >< span class = " visually-hidden”>{{< / span >“products.product.regular_price”< / span >|< / span >t< / span >}}< / span >< / span >{{< / span >产品< / span >.< / span >compare_at_price< / span >|< / span >money_without_trailing_zeros< / span >}}< / span >{{< / span >“products.product.sale_price”< / span >|< / span >t< / span >}}< / span >< / span >{{< / span >产品< / span >.< / span >价格< / span >|< / span >money_without_trailing_zeros< / span >}}< / span >{%< / span >endif< / span >%}< / span >{%< / span >其他的< / span >%}< / span >{%< / span >评论< / span >%}< / span >不出售,但仍可能有不同的价格< / span >{%< / span >endcomment< / span >%}< / span >{%< / span >如果< / span >产品< / span >.< / span >price_varies< / span >%}< / span >{%< / span >分配< / span >价格< / span >=< / span >产品< / span >.< / span >价格< / span >|< / span >money_without_trailing_zeros< / span >%}< / span >{{< / span >“products.product.from_text_html”< / span >|< / span >t< / span >:< / span >价格< / span >:< / span >价格< / span >}}< / span >{%< / span >其他的< / span >%}< / span >< span class = " visually-hidden”>{{< / span >“products.product.regular_price”< / span >|< / span >t< / span >}}< / span >< / span >{{< / span >产品< / span >.< / span >价格< / span >|< / span >money_without_trailing_zeros< / span >}}< / span >{%< / span >endif< / span >%}< / span >{%< / span >endif< / span >%}< / span >< / div >
- เพิ่มรหัสต่อไปนี้ที่ด้านบนตัวปิดของแท็ก
< / div >
ซึ่งพบได้ในขั้นตอนที่5:李< / >
{% -< / span >除非< / span >产品< / span >.< / span >price_varies< / span >- - - - - - %}< / span >{% -< / span >如果< / span >current_variant< / span >.< / span >unit_price_measurement< / span >- - - - - - %}< / span >{%< / span >包括< / span >“product-unit-price”< / span >,< / span >product_variant< / span >:< / span >current_variant< / span >,< / span >wrapper_class< / span >:< / span >“product-card__unit-price”< / span >%}< / span >{% -< / span >endif< / span >- - - - - - %}< / span >{% -< / span >endunless< / span >- - - - - - %}< / span >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
แก้ไขเทมเพลตหน้าตะกร้าสินค้าของคุณ
ในไดเรกทอรีส่วนให้คลิกcart-template.liquid
ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาอินสแตนซ์แรกของ< td类= " cart__cell——总”>
:< / p >李< / >
< td类= " cart__cell——总”>{% -< / span >如果< / span >项< / span >.< / span >original_line_price< / span >! =< / span >项< / span >.< / span >final_line_price< / span >- - - - - - %}< / span >< span class = " visually-hidden”>{{< / span >“products.product.regular_price”< / span >|< / span >t< / span >}}< / span >< / span >{{< / span >项< / span >.< / span >original_line_price< / span >|< / span >钱< / span >}}< / span > {{< / span >“products.product.sale_price”< / span >|< / span >t< / span >}}< / span >< / span >{{< / span >项< / span >.< / span >final_line_price< / span >|< / span >钱< / span >}}< / span >< / span >{% -< / span >其他的< / span >- - - - - - %}< / span >< span class = " cart__item-total”>{{< / span >项< / span >.< / span >original_line_price< / span >|< / span >钱< / span >}}< / span >< / span >{% -< / span >endif< / span >- - - - - - %}< / span >
- เพิ่มรหัสต่อไปนี้ด้านล่างแท็ก
endif
ซึ่งพบได้ในขั้นตอนที่2:李< / >
{% -< / span >如果< / span >项< / span >.< / span >unit_price_measurement< / span >- - - - - - %}< / span >{%< / span >包括< / span >“product-unit-price”< / span >,< / span >product_variant< / span >:< / span >项< / span >%}< / span >{% -< / span >endif< / span >- - - - - - %}< / span >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาอินสแตนซ์ที่สองของ
< td类= " cart__cell——总”>
:李< / >
< td类= " cart__cell——总”>{{< / span >#< / span >如果< / span >discountsApplied< / span >}}< / span >< span class = " visually-hidden”>{%< / span >endraw< / span >%} {{< / span >“products.product.regular_price”< / span >|< / span >t< / span >}} {%< / span >生< / span >%}< / span >< / span >{{{originalLinePrice}}} {%< / span >endraw< / span >%} {{< / span >“products.product.sale_price”< / span >|< / span >t< / span >}} {%< / span >生< / span >%}< / span > {{{linePrice}}}}} {{else}} {{originalLinePrice}}}} {{/if}} {{#if discountsApplied}} {%< / span >endraw< / span >%} {{< / span >“customer.order.discount”< / span >|< / span >t< / span >}} {%< / span >生< / span >%}< / span >>{{#每个折扣}}- {%< / span >endraw< / span >%} {% -< / span >包括< / span >“icon-saletag”< / span >- - - - - - %} {%< / span >生< / span >%}< / span >{{this.discount_application。Title}} (-{{{this。为mattedAmount }}})
{{/each}}
{{/if}}
- เพิ่มรหัสต่อไปนี้ด้านล่างตัวปิดของแท็ก
{{/如果}}
ซึ่งพบได้ในขั้นตอนที่4:李< / >
{{< / span >#< / span >如果< / span >unitPrice< / span >}}< / span >< span class = " visually-hidden”>{%< / span >endraw< / span >%} {{< / span >“products.product.unit_price_label”< / span >|< / span >t< / span >}} {%< / span >生< / span >%}< / span >< span class = " product-unit-price" >{%< / span >endraw< / span >%}< / span >{% -< / span >捕获< / span >unit_price_separator< / span >- - - - - - %}< / span > ;{{< / span >“general.accessibility.unit_price_separator”< / span >|< / span >t< / span >}}< / span >跨度,< / >{% -< / span >endcapture< / span >- - - - - - %}< / span >{%< / span >生< / span >%}< / span >< span > {{{unitPrice。< / span >价格}}}{%< / span >endraw< / span >%} {{-< / span >unit_price_separator< / span >-}} {%< / span >生< / span >%}< / span >{{#如果unitPrice。{{{unitPrice。reference_value}}}{{/如果}}{{{unitPrice.参考单元}}} {{/if}}
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
แก้ไขเทมเพลตหน้าสินค้าแนะนำของคุณ
ในไดเรกทอรีส่วนให้คลิกfeatured-product.liquid
ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาบรรทัด{% assign current_variant = product。selected_or_first_available_variant%}
เพิ่มโค้ดต่อไปนี้ที่ด้านล่างของบรรทัดที่พบในขั้นตอนที่2:< / p >李< / >
{%< / span >分配< / span >variants_with_unit_price< / span >=< / span >产品< / span >.< / span >变体< / span >|< / span >在哪里< / span >:< / span >“unit_price_measurement”< / span >%}< / span >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาบรรทัดที่มีโค้ด
< ul类= " product-single__meta-list
:李< / >
หากคุณขายสินค้าจำนวนมากคุณอาจต้องแสดงราคาต่อหน่วยสำหรับสินค้าบางรายการโดยเมื่อคุณป้อนราคาต่อหน่วยสำหรับสินค้าระบบจะแสดงราคาต่อหน่วยในหน้าสินค้าหน้าคอลเลกชันหน้าตะกร้าสินค้าหน้าการชำระเงินและการแจ้งเตือนการยืนยันคำสั่งซื้อ< / p >
ในหน้านี้
เพิ่มราคาต่อหน่วยให้แก่สินค้าของคุณ
Shopify adminสินค้า
คลิกที่ชื่อของสินค้าที่คุณต้องการเปลี่ยน< / p >李< / ><李>
คลิกตัวเลือกสินค้าที่คุณต้องการอัปเดต< / p >李< / ><李>
ในส่วนการกำหนดราคาให้เลือกแสดงราคาต่อหน่วยสำหรับสินค้ารายการนี้
ในช่องจำนวนรวมของสินค้าให้ป้อนจำนวนหน่วยที่สินค้าของคุณมี< / p >李< / ><李>
ใช้เมนูดรอปดาวน์เลือกหน่วยเพื่อเลือกหน่วยวัดของตัวเลือกสินค้าประเภทหน่วยที่คุณแสดงจะแตกต่างกันไปขึ้นอยู่กับประเภทของสินค้าที่คุณขายตัวอย่างเช่นหากสินค้าเป็นสบู่2ลิตรให้เลือกลิตร
ในช่องราคาต่อหน่วยให้ป้อนราคาต่อหน่วยของสินค้า< / p >李< / ><李>
ตัวเลือกเสริม:ป้อนตัวเลขสำหรับหน่วยพื้นฐานตัวอย่างเช่นสำหรับสินค้าน้ำหนัก1กก。加油!加油!加油!加油!< / p >李< / ><李>
คลิกที่บันทึก
จากแอปShopifyให้ไปที่สินค้า>สินค้าทั้งหมด”
จากหน้าจอสินค้าทั้งหมด”ให้แตะที่สินค้า< / p >李< / ><李>
แตะตัวเลือกสินค้าที่คุณต้องการอัปเดต< / p >李< / ><李>
ในส่วนการกำหนดราคาให้เลือกแสดงราคาต่อหน่วยสำหรับสินค้ารายการนี้
ในช่องจำนวนรวมของสินค้าให้ป้อนจำนวนหน่วยที่สินค้าของคุณมี< / p >李< / ><李>
ใช้เมนูดรอปดาวน์เลือกหน่วยเพื่อเลือกหน่วยวัดของตัวเลือกสินค้าประเภทหน่วยที่คุณแสดงจะแตกต่างกันไปขึ้นอยู่กับประเภทของสินค้าที่คุณขายตัวอย่างเช่นหากสินค้าเป็นสบู่2ลิตรให้เลือกลิตร
ในช่องราคาต่อหน่วยให้ป้อนราคาต่อหน่วยของสินค้า< / p >李< / ><李>
ตัวเลือกเสริม:เลือกหน่วยพื้นฐานตัวอย่างเช่นสำหรับสินค้าน้ำหนัก1กก。加油!加油!加油!加油!< / p >李< / ><李>
แตะที่บันทึก
จากแอปShopifyให้ไปที่สินค้า>สินค้าทั้งหมด”
จากหน้าจอสินค้าทั้งหมด”ให้แตะที่สินค้า< / p >李< / ><李>
แตะตัวเลือกสินค้าที่คุณต้องการอัปเดต< / p >李< / ><李>
ในส่วนการกำหนดราคาให้เลือกแสดงราคาต่อหน่วยสำหรับสินค้ารายการนี้
ในช่องจำนวนรวมของสินค้าให้ป้อนจำนวนหน่วยที่สินค้าของคุณมี< / p >李< / ><李>
ใช้เมนูดรอปดาวน์เลือกหน่วยเพื่อเลือกหน่วยวัดของตัวเลือกสินค้าประเภทหน่วยที่คุณแสดงจะแตกต่างกันไปขึ้นอยู่กับประเภทของสินค้าที่คุณขายตัวอย่างเช่นหากสินค้าเป็นสบู่2ลิตรให้เลือกลิตร
ในช่องราคาต่อหน่วยให้ป้อนราคาต่อหน่วยของสินค้า< / p >李< / ><李>
ตัวเลือกเสริม:เลือกหน่วยพื้นฐานตัวอย่างเช่นสำหรับสินค้าน้ำหนัก1กก。加油!加油!加油!加油!< / p >李< / ><李>
แตะที่บันทึก
แสดงราคาต่อหน่วยในร้านค้าออนไลน์ของคุณ
ขั้นตอนสำหรับการปรับแต่งนี้จะแตกต่างกันไปขึ้นอยู่กับธีมของคุณคลิกปุ่มสำหรับธีมของคุณก่อนทำตามคำแนะนำด้านล่าง:< / p >
ขั้นตอนสำหรับ亮相
ราคาต่อหน่วยมีให้บริการในธีม亮相สำหรับเวอร์ชัน12.1.0ขึ้นหากคุณไม่สามารถอัปเดตแอปของคุณเป็นเวอร์ชันล่าสุดได้คุณสามารถเพิ่มการแก้ไขราคาต่อหน่วยไปยังธีม亮相เวอร์ชันก่อนหน้า< / p >
แก้ไขส่วนย่อยราคาสินค้าของคุณ
ในไดเรกทอรีส่วนย่อยให้คลิกที่ไฟล์
product-price.liquid
ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้โดยค้นหา
data-price
:< / p >李< / >
- แทนที่โค้ดดังกล่าวด้วยส่วนย่อยต่อไปนี้:李< / >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้โดยค้นหา
price__sale
:李< / >
- เพิ่มโค้ดต่อไปนี้ลงใต้แท็กปิด
< / div >
:李< / >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
แก้ไขหน้าสินค้าแนะนำของคุณ
ในไดเรกทอรีส่วนให้คลิกที่ไฟล์
featured-product.liquid
ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้โดยค้นหา
itemprop = "提供"
:< / p >李< / >
< div data-price-container >{%< / span >评论< / span >%}< / span >可选地显示产品的“比较价格”或原价。< / span >{%< / span >endcomment< / span >%}< / span >{%< / span >如果< / span >compare_at_price< / span >>< / span >价格< / span >%}< / span >{%< / span >除非< / span >current_variant< / span >.< / span >可用< / span >%}< / span >aria-hidden="真正的"{%< / span >endunless< / span >%}< / span >>{{< / span >“products.general.regular_price”< / span >|< / span >t< / span >}}< / span >< / span > {{< / span >compare_at_price< / span >|< / span >钱< / span >}}< / span >< / span >< / span >{{< / span >“products.general.sale_price”< / span >|< / span >t< / span >}}< / span >< / span >{%< / span >其他的< / span >%}< / span >{%< / span >除非< / span >current_variant< / span >.< / span >可用< / span >%}< / span >aria-hidden="真正的"{%< / span >endunless< / span >%}< / span >>{{< / span >“products.general.regular_price”< / span >|< / span >t< / span >}}< / span >< / span >
- แทนที่โค้ดดังกล่าวด้วยส่วนย่อยต่อไปนี้:李< / >
{%< / span >包括< / span >“产品价格”< / span >,< / span >变体< / span >:< / span >current_variant< / span >%}< / span >
หลังจากที่แก้ไขไฟล์แล้วไฟล์featured-product.liquid
ควรจะอยู่ในรูปแบบดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
แก้ไขหน้าสินค้าของคุณ
ในไดเรกทอรีส่วนให้คลิกที่ไฟล์
product-template.liquid
ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้โดยค้นหา
itemprop = "提供"
:< / p >李< / >
< div data-price-container >{%< / span >评论< / span >%}< / span >可选地显示产品的“比较价格”或原价。< / span >{%< / span >endcomment< / span >%}< / span >{%< / span >如果< / span >current_variant< / span >.< / span >compare_at_price< / span >>< / span >current_variant< / span >.< / span >价格< / span >%}< / span >{%< / span >除非< / span >current_variant< / span >.< / span >可用< / span >%}< / span >aria-hidden="真正的"{%< / span >endunless< / span >%}< / span >>{{< / span >“products.general.regular_price”< / span >|< / span >t< / span >}}< / span >< / span > {{< / span >current_variant< / span >.< / span >compare_at_price< / span >|< / span >钱< / span >}}< / span >< / span >< / span >{{< / span >“products.general.sale_price”< / span >|< / span >t< / span >}}< / span >< / span >{%< / span >其他的< / span >%}< / span >{%< / span >除非< / span >current_variant< / span >.< / span >可用< / span >%}< / span >aria-hidden="真正的"{%< / span >endunless< / span >%}< / span >>{{< / span >“products.general.regular_price”< / span >|< / span >t< / span >}}< / span >< / span >
- แทนที่โค้ดดังกล่าวด้วยส่วนย่อยต่อไปนี้:李< / >
{%< / span >包括< / span >“产品价格”< / span >,< / span >变体< / span >:< / span >current_variant< / span >%}< / span >
หลังจากที่แก้ไขไฟล์แล้วไฟล์product-template.liquid
ควรจะอยู่ในรูปแบบดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
แก้ไขตะกร้าสินค้าAJAXของคุณ
ในไดเรกทอรีส่วนย่อยให้คลิกที่ไฟล์
ajax-cart-template.liquid
ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้โดยค้นหา
< span class = " ajaxcart__price”>{{{价格}}}< / span >
:< / p >李< / >
{{< / span >#< / span >如果< / span >discountsApplied< / span >}}< / span >< span class = " visually-hidden”>{%< / span >endraw< / span >%} {{< / span >“products.general.regular_price”< / span >|< / span >t< / span >}} {%< / span >生< / span >%}< / span >< / span >{{{price}}} {%< / span >endraw< / span >%} {{< / span >“products.general.sale_price”< / span >|< / span >t< / span >}} {%< / span >生< / span >%}< / span >< / span > < span class = " ajaxcart__price”> {{{discountedPrice}}} < / span >{{其他}}<跨类=“ajaxcart__price”>{{{价格}}}< / span >{{/如果}}
- เพิ่มโค้ดต่อไปนี้ลงใต้โค้ด
{{/如果}}
จากขั้นตอนที่2:李< / >
{{< / span >#< / span >如果< / span >unitPrice< / span >}}< / span >< span class = " visually-hidden”>{%< / span >endraw< / span >%} {{< / span >“products.general.unit_price”< / span >|< / span >t< / span >}} {%< / span >生< / span >%}< / span >< / span >{%< / span >endraw< / span >%}< / span >{% -< / span >捕获< / span >unit_price_separator< / span >- - - - - - %}< / span > ;{{< / span >“general.accessibility.unit_price_separator”< / span >|< / span >t< / span >}}< / span >跨度,< / >{% -< / span >endcapture< / span >- - - - - - %}< / span >{%< / span >生< / span >%}< / span >< span > {{{unitPrice。价格}}}< / span > {{%< / span >endraw< / span >%} {{-< / span >unit_price_separator< / span >-}} {%< / span >生< / span >%}< / span >{{#如果unitPrice。{{{unitPrice。reference_value}}}{{/如果}}{{{unitPrice.参考单元}}} {{/if}}
หลังจากที่แก้ไขไฟล์แล้วไฟล์ajax-cart-template.liquid
ควรจะอยู่ในรูปแบบดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
แก้ไขสินค้าในกริดสินค้าของคุณ
ในไดเรกทอรีส่วนย่อยให้คลิกที่ไฟล์
product-grid-template.liquid
ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้โดยค้นหา
捕捉img_id_class
:< / p >李< / >
{%< / span >捕获< / span >img_id_class< / span >%}< / span >ProductImage -{{< / span >产品< / span >.< / span >featured_image< / span >.< / span >id< / span >}} {%< / span >endcapture< / span >%}< / span >{%< / span >捕获< / span >img_wrapper_id< / span >%}< / span >ProductImageWrapper -{{< / span >产品< / span >.< / span >featured_image< / span >.< / span >id< / span >}} {%< / span >endcapture< / span >%}< / span >{% -< / span >分配< / span >img_url< / span >=< / span >产品< / span >.< / span >featured_image< / span >|< / span >img_url< / span >:< / span >“1 x1”< / span >|< / span >取代< / span >:< / span >“_1x1”。< / span >,< / span >“_}{宽度x”。< / span >- - - - - - %}< / span >
- เพิ่มส่วนย่อยต่อไปนี้ลงก่อนหน้าโค้ดจากขั้นตอนที่2:李< / >
{% -< / span >分配< / span >变体< / span >=< / span >产品< / span >.< / span >selected_or_first_available_variant< / span >- - - - - - %}< / span >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้โดยค้นหา
{{产品。价格|money_without_trailing_zeros}}
:李< / >
< span class = " grid-product__price”>{%< / span >如果< / span >on_sale< / span >%}< / span >< span class = " visually-hidden”>{{< / span >“products.general.sale_price”< / span >|< / span >t< / span >}}< / span >< / span >{%< / span >其他的< / span >%}< / span >< span class = " visually-hidden”>{{< / span >“products.general.regular_price”< / span >|< / span >t< / span >}}< / span >< / span >{%< / span >endif< / span >%}< / span >{%< / span >如果< / span >产品< / span >.< / span >price_varies< / span >%}< / span >{{< / span >产品< / span >.< / span >price_min< / span >|< / span >money_without_trailing_zeros< / span >}}< / span > + {%< / span >其他的< / span >%}< / span >{{< / span >产品< / span >.< / span >价格< / span >|< / span >money_without_trailing_zeros< / span >}}< / span >{%< / span >endif< / span >%}< / span >< / span >
- เพิ่มโค้ดต่อไปนี้ลงใต้โค้ด:
< / span >
{% -< / span >如果< / span >产品< / span >.< / span >price_varies< / span >==< / span >假< / span >和< / span >变体< / span >.< / span >unit_price_measurement< / span >- - - - - - %}< / span >{% -< / span >捕获< / span >unit_price_separator< / span >- - - - - - %}< / span > ;{{< / span >“general.accessibility.unit_price_separator”< / span >|< / span >t< / span >}}< / span >跨度,< / >{% -< / span >endcapture< / span >- - - - - - %}< / span >{% -< / span >捕获< / span >unit_price_base_unit< / span >- - - - - - %}< / span >< span >{% -< / span >如果< / span >变体< / span >.< / span >unit_price_measurement< / span >.< / span >reference_value< / span >! =< / span >1< / span >- - - - - - %}< / span >{{-< / span >变体< / span >.< / span >unit_price_measurement< / span >.< / span >reference_value< / span >-}}< / span >{% -< / span >endif< / span >- - - - - - %}< / span >{{< / span >变体< / span >.< / span >unit_price_measurement< / span >.< / span >reference_unit< / span >}}< / span >< / span >{% -< / span >endcapture< / span >- - - - - - %}< / span >< span class = " product-unit-price" >{{< / span >“products.general.unit_price”< / span >|< / span >t< / span >}}< / span >< / span > < span >{{< / span >变体< / span >.< / span >unit_price< / span >|< / span >钱< / span >}}< / span >< / span >{{-< / span >unit_price_separator< / span >-}} {{-< / span >unit_price_base_unit< / span >-}}< / span >< / span >{% -< / span >endif< / span >- - - - - - %}< / span >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
แก้ไขหน้าตะกร้าสินค้า
ในไดเรกทอรีเทมเพลตให้คลิกที่ไฟล์
cart.liquid
ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้โดยค้นหา
< span class = " cart__price”>
:< / p >李< / >
{% -< / span >如果< / span >项< / span >.< / span >original_line_price< / span >! =< / span >项< / span >.< / span >final_line_price< / span >- - - - - - %}< / span >< span class = " visually-hidden”>{{< / span >“products.general.regular_price”< / span >|< / span >t< / span >}}< / span >< / span >{{< / span >项< / span >.< / span >original_line_price< / span >|< / span >钱< / span >}}< / span > {{< / span >“products.general.sale_price”< / span >|< / span >t< / span >}}< / span >< / span >{{< / span >项< / span >.< / span >final_line_price< / span >|< / span >钱< / span >}}< / span >< / span >{% -< / span >其他的< / span >- - - - - - %}< / span >< span class = " cart__price”>{{< / span >项< / span >.< / span >original_line_price< / span >|< / span >钱< / span >}}< / span >< / span >{% -< / span >endif< / span >- - - - - - %}< / span >
หมายเหตุ:หากคุณมีธีมเวอร์ชันเก่าคุณอาจไม่สามารถค้นหาส่วนย่อยนี้ได้ในกรณีเช่นนี้ให้เพิ่มโค้ดจากขั้นตอนที่3ลงที่ใต้โค้ด
< span class = " cart__price”>
- ใส่ส่วนย่อยต่อไปนี้ที่ด้านล่างของรหัสจากขั้นตอนที่2:李< / >
{% -< / span >如果< / span >项< / span >.< / span >unit_price_measurement< / span >- - - - - - %}< / span >< span class = " visually-hidden”>{{< / span >“products.general.unit_price”< / span >|< / span >t< / span >}}< / span >< / span >{% -< / span >捕获< / span >unit_price_separator< / span >- - - - - - %}< / span > ;{{< / span >“general.accessibility.unit_price_separator”< / span >|< / span >t< / span >}}< / span >跨度,< / >{% -< / span >endcapture< / span >- - - - - - %}< / span >{% -< / span >捕获< / span >unit_price_base_unit< / span >- - - - - - %}< / span >{% -< / span >如果< / span >项< / span >.< / span >unit_price_measurement< / span >.< / span >reference_value< / span >! =< / span >1< / span >- - - - - - %}< / span >{{-< / span >项< / span >.< / span >unit_price_measurement< / span >.< / span >reference_value< / span >-}}< / span >{% -< / span >endif< / span >- - - - - - %}< / span >{{< / span >项< / span >.< / span >unit_price_measurement< / span >.< / span >reference_unit< / span >}}< / span >{% -< / span >endcapture< / span >- - - - - - %}< / span >< span data-unit-price >{{< / span >项< / span >.< / span >unit_price< / span >|< / span >钱< / span >}}< / span >< / span >{{-< / span >unit_price_separator< / span >-}} {{-< / span >unit_price_base_unit< / span >-}}< / span >< / span >{% -< / span >endif< / span >- - - - - - %}< / span >
หลังจากที่แก้ไขไฟล์แล้วไฟล์cart.liquid
ควรจะอยู่ในรูปแบบดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
แก้ไขหน้าคำสั่งซื้อของคุณ
ในไดเรกทอรีเทมเพลตให้คลิกที่ไฟล์
客户/ order.liquid
ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้โดยค้นหา
{{line_item。或iginal_price | money }}
:< / p >李< / >
< span style =" font - family "{{< / span >“customer.order.price”< / span >|< / span >t< / span >}}< / span >">{% -< / span >如果< / span >line_item< / span >.< / span >original_price< / span >! =< / span >line_item< / span >.< / span >final_price< / span >- - - - - - %}< / span >< span class = " visually-hidden”>{{< / span >“products.general.regular_price”< / span >|< / span >t< / span >}}< / span >< / span > < del >{{< / span >line_item< / span >.< / span >original_price< / span >|< / span >钱< / span >}}< / span > {{< / span >“products.general.sale_price”< / span >|< / span >t< / span >}}< / span > {{< / span >line_item< / span >.< / span >final_price< / span >|< / span >钱< / span >}}< / span >< / span >{% -< / span >其他的< / span >- - - - - - %}< / span >{{< / span >line_item< / span >.< / span >original_price< / span >|< / span >钱< / span >}}< / span >{% -< / span >endif< / span >- - - - - - %}< / span >道明> < /
- เพิ่มส่วนย่อยต่อไปนี้ลงก่อนหน้าโค้ด
道明> < /
จากขั้นตอนที่2:李< / >
{% -< / span >如果< / span >line_item< / span >.< / span >unit_price_measurement< / span >- - - - - - %}< / span >< span class = " visually-hidden”>{{< / span >“products.general.unit_price”< / span >|< / span >t< / span >}}< / span >< span class = " product-unit-price" >{% -< / span >捕获< / span >unit_price_separator< / span >- - - - - - %}< / span > ;{{< / span >“general.accessibility.unit_price_separator”< / span >|< / span >t< / span >}}< / span >跨度,< / >{% -< / span >endcapture< / span >- - - - - - %}< / span >{% -< / span >捕获< / span >unit_price_base_unit< / span >- - - - - - %}< / span >{% -< / span >如果< / span >line_item< / span >.< / span >unit_price_measurement< / span >.< / span >reference_value< / span >! =< / span >1< / span >- - - - - - %}< / span >{{-< / span >line_item< / span >.< / span >unit_price_measurement< / span >.< / span >reference_value< / span >-}}< / span >{% -< / span >endif< / span >- - - - - - %}< / span >{{< / span >line_item< / span >.< / span >unit_price_measurement< / span >.< / span >reference_unit< / span >}}< / span >{% -< / span >endcapture< / span >- - - - - - %}< / span >< span >{{< / span >line_item< / span >.< / span >unit_price< / span >|< / span >钱< / span >}}< / span >< / span >{{-< / span >unit_price_separator< / span >-}} {{-< / span >unit_price_base_unit< / span >-}}< / span >< / span >{% -< / span >endif< / span >- - - - - - %}< / span >
หลังจากที่แก้ไขไฟล์แล้วไฟล์客户/ order.liquid
ควรจะอยู่ในรูปแบบดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
【中文翻译】【中文翻译
ในไดเรกทอรีองค์ประกอบให้คลิกที่ไฟล์
theme.scss.liquid
ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้โดยค้นหา
.ajaxcart__price {
:< / p >李< / >
.ajaxcart__price< / span >{< / span >字体大小< / span >:< / span >新兴市场< / span >(< / span >13 px< / span >);< / span >显示< / span >:< / span >块< / span >;< / span >}< / span >
- ใส่ส่วนย่อยต่อไปนี้ที่ด้านล่างของรหัสจากขั้นตอนที่2:李< / >
.cart__unit-price< / span >{< / span >显示< / span >:< / span >块< / span >;< / span >}< / span >
หลังจากที่แก้ไขไฟล์แล้วไฟล์theme.scss.liquid
ควรจะอยู่ในรูปแบบดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
2 .我的名字叫“我的名字”
ในไดเรกทอรีองค์ประกอบให้คลิกที่ไฟล์
timber.scss.liquid
ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้โดยค้นหา
.product-single__policies {
:< / p >李< / >
.product-single__policies< / span >{< / span >保证金< / span >:< / span >15个像素< / span >0< / span >25个像素< / span >0< / span >;< / span >}< / span >
- ใส่ส่วนย่อยต่อไปนี้ที่ด้านบนของรหัสจากขั้นตอนที่2:李< / >
.product-single__unit< / span >{< / span >显示< / span >:< / span >没有一个< / span >;< / span >.price-container——得到更多< / span >&< / span >{< / span >显示< / span >:< / span >块< / span >;< / span >}< / span >}< / span >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- ไปที่จุดท้ายสุดของไฟล์และเพิ่มโค้ดต่อไปนี้:李< / >
.product-unit-price< / span >{< / span >颜色< / span >:< / span >美元< / span >colorTextBody< / span >;< / span >显示< / span >:< / span >块< / span >;< / span >}< / span >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
แก้ไขโค้ดธีมJavaScriptของคุณ
ในไดเรกทอรีองค์ประกอบให้คลิกที่ไฟล์
theme.js.liquid
ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้:< / p >李< / >
var< / span >prodImg< / span >;< / span >
- ใส่ส่วนย่อยต่อไปนี้ที่ด้านล่างของรหัสจากขั้นตอนที่2:李< / >
var< / span >unitPrice< / span >=< / span >零< / span >;< / span >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้:李< / >
//创建项目的数据对象并添加到'items'数组< / span >
- เพิ่มส่วนย่อยต่อไปนี้ลงเหนือโค้ดจากขั้นตอนที่4:李< / >
如果< / span >(< / span >cartItem< / span >.< / span >unit_price_measurement< / span >)< / span >{< / span >unitPrice< / span >=< / span >{< / span >addRefererenceValue< / span >:< / span >cartItem< / span >.< / span >unit_price_measurement< / span >.< / span >reference_value< / span >= = !< / span >1< / span >,< / span >价格< / span >:< / span >主题< / span >.< / span >货币< / span >.< / span >formatMoney< / span >(< / span >cartItem< / span >.< / span >unit_price< / span >,< / span >设置< / span >.< / span >moneyFormat< / span >),< / span >reference_value< / span >:< / span >cartItem< / span >.< / span >unit_price_measurement< / span >.< / span >reference_value< / span >,< / span >reference_unit< / span >:< / span >cartItem< / span >.< / span >unit_price_measurement< / span >.< / span >reference_unit< / span >};< / span >}< / span >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้:李< / >
供应商< / span >:< / span >cartItem< / span >.< / span >供应商< / span >
- เพิ่มส่วนย่อยต่อไปนี้ลงเหนือโค้ดจากขั้นตอนที่6:李< / >
unitPrice< / span >:< / span >unitPrice< / span >,< / span >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้:李< / >
productPrice< / span >:< / span >'< / span ># ProductPrice< / span >'< / span >,< / span >
- ใส่ส่วนย่อยต่อไปนี้ที่ด้านล่างของรหัสจากขั้นตอนที่8:李< / >
unitPrice< / span >:< / span >'< / span >(data-unit-price)< / span >'< / span >,< / span >unitPriceBaseUnit< / span >:< / span >'< / span >(data-unit-price-base-unit)< / span >'< / span >,< / span >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้โดยค้นหา
(this.selectors美元。priceContainer,这.美元的容器)。removeClass(
:李< / >
美元< / span >(< / span >这< / span >.< / span >选择器< / span >.< / span >priceContainer< / span >,< / span >这< / span >.< / span >美元的容器< / span >)。< / span >removeClass< / span >(< / span >'< / span >visibility-hidden< / span >'< / span >);< / span >
- แทนที่โค้ดดังกล่าวด้วยส่วนย่อยต่อไปนี้:李< / >
美元< / span >(< / span >这< / span >.< / span >选择器< / span >.< / span >priceContainer< / span >,< / span >这< / span >.< / span >美元的容器< / span >)。< / span >removeClass< / span >(< / span >'< / span >visibility-hidden price-container——得到更多< / span >'< / span >);< / span >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้:李< / >
美元< / span >(< / span >这< / span >.< / span >选择器< / span >.< / span >SKU< / span >)。< / span >超文本标记语言< / span >(< / span >变体< / span >.< / span >sku< / span >);< / span >
- เพิ่มส่วนย่อยต่อไปนี้ลงเหนือโค้ดจากขั้นตอนที่12:李< / >
如果< / span >(< / span >变体< / span >.< / span >unit_price_measurement< / span >)< / span >{< / span >var< / span >unitPrice美元< / span >=< / span >美元< / span >(< / span >这< / span >.< / span >选择器< / span >.< / span >unitPrice< / span >,< / span >这< / span >.< / span >美元的容器< / span >);< / span >var< / span >unitPriceBaseUnit美元< / span >=< / span >美元< / span >(< / span >这< / span >.< / span >选择器< / span >.< / span >unitPriceBaseUnit< / span >,< / span >这< / span >.< / span >美元的容器< / span >);< / span >unitPrice美元< / span >.< / span >超文本标记语言< / span >(< / span >主题< / span >.< / span >货币< / span >.< / span >formatMoney< / span >(< / span >变体< / span >.< / span >unit_price< / span >,< / span >moneyFormat< / span >)< / span >);< / span >unitPriceBaseUnit美元< / span >.< / span >超文本标记语言< / span >(< / span >这< / span >.< / span >getBaseUnit< / span >(< / span >变体< / span >));< / span >美元< / span >(< / span >这< / span >.< / span >选择器< / span >.< / span >priceContainer< / span >,< / span >这< / span >.< / span >美元的容器< / span >)。< / span >addClass< / span >(< / span >'< / span >price-container——得到更多< / span >'< / span >);< / span >}< / span >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้โดยค้นหา
this.destroyImageCarousel ();
:李< / >
onUnload< / span >:< / span >函数< / span >()< / span >{< / span >这< / span >.< / span >美元的容器< / span >.< / span >从< / span >(< / span >这< / span >.< / span >设置< / span >.< / span >名称空间< / span >);< / span >这< / span >.< / span >destroyImageCarousel< / span >();< / span >}< / span >
- เพิ่มส่วนย่อยต่อไปนี้ลงเหนือโค้ดจากขั้นตอนที่14:李< / >
getBaseUnit< / span >:< / span >函数< / span >(< / span >变体< / span >)< / span >{< / span >返回< / span >变体< / span >.< / span >unit_price_measurement< / span >.< / span >reference_value< / span >===< / span >1< / span >?< / span >变体< / span >.< / span >unit_price_measurement< / span >.< / span >reference_unit< / span >:< / span >变体< / span >.< / span >unit_price_measurement< / span >.< / span >reference_value< / span >+< / span >变体< / span >.< / span >unit_price_measurement< / span >.< / span >reference_unit< / span >;< / span >},< / span >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
แก้ไขคำแปลภาษาอังกฤษของคุณ
ในไดเรกทอรีตำแหน่งที่ตั้งให้คลิกที่ไฟล์
en.default.json
ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้:< / p >李< / >
“refresh_page”< / span >:< / span >"选择一个选项会刷新整个页面"< / span >
- ใส่ส่วนย่อยต่อไปนี้ที่ด้านบนของรหัสจากขั้นตอนที่2:李< / >
“unit_price_separator”< / span >:< / span >“每”< / span >,< / span >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- ใช้ปุ่มลัดคีย์บอร์ดสำหรับค้นหาเพื่อระบุตำแหน่งโค้ดต่อไปนี้:李< / >
“include_taxes”< / span >:< / span >“含税”。< / span >,< / span >
- ใส่ส่วนย่อยต่อไปนี้ที่ด้านล่างของรหัสจากขั้นตอนที่4:李< / >
“unit_price”< / span >:< / span >“单价”< / span >,< / span >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
(ไม่บังคับ)เพิ่มคำแปลภาษาอื่นๆ
ไปที่หน้าธีมในส่วนผู้ดูแลShopify< / p >李< / ><李>
คลิกปุ่ม“…”>“แก้ไขเนื้อหาธีมเริ่มต้น”
คลิกที่เปลี่ยนภาษาของธีมจากนั้นเลือกภาษาที่คุณต้องการแก้ไขทำได้เฉพาะในธีมที่คุณเผยแพร่เท่านั้น< / p >李< / ><李>
ป้อน
单价
ในช่องค้นหา< / p >李< / ><李>อัปเดตช่องตัวคั่นราคาซึ่งอยู่ในห้วข้อทั่วไป/การเข้าถึง
อัปเดตข้อมูลในช่องใบจ่าหน้าราคาต่อหน่วยซึ่งอยู่ภายใต้หัวข้อสินค้า/ทั่วไป
คลิกที่บันทึก
ขั้นตอนสำหรับ最小
ราคาต่อหน่วยมีอยู่ในธีม最小สำหรับเวอร์ชัน11.2.0ขึ้นไปหากคุณไม่สามารถอัปเดตแอปของคุณเป็นเวอร์ชันล่าสุดได้คุณสามารถเพิ่มการแก้ไขราคาต่อหน่วยไปยังธีม最小เวอร์ชันก่อนหน้า< / p >
อัปเดตส่วนย่อยของคุณ
ค้นหาและเข้าไปยังโฟลเดอร์ส่วนย่อย
เลือกเพิ่มส่วนย่อยใหม่
ป้อนชื่อ
product-unit-price
คัดลอกและวางโค้ดต่อไปนี้ลงใน
product-unit-price.liquid
{% -< / span >除非< / span >可用< / span >- - - - - - %}< / span >{% -< / span >如果< / span >变体< / span >.< / span >标题< / span >- - - - - - %}< / span >{% -< / span >分配< / span >可用< / span >=< / span >变体< / span >.< / span >可用< / span >- - - - - - %}< / span >{% -< / span >其他的< / span >- - - - - - %}< / span >{% -< / span >分配< / span >可用< / span >=< / span >真正的< / span >- - - - - - %}< / span >{% -< / span >endif< / span >- - - - - - %}< / span >{% -< / span >endunless< / span >- - - - - - %}< / span >< span class = " product-unit-price{%< / span >除非< / span >可用< / span >和< / span >变体< / span >.< / span >unit_price_measurement< / span >%}< / span >隐藏{%< / span >endunless< / span >%} {%< / span >如果< / span >wrapper_class< / span >! =< / span >空白< / span >%}< / span >{{< / span >wrapper_class< / span >}} {%< / span >endif< / span >%}< / span >“data-unit-price-container >{% -< / span >捕获< / span >unit_price_separator< / span >- - - - - - %}< / span > {{< / span >“general.accessibility.unit_price_separator”< / span >|< / span >t< / span >}}< / span >< / span >{% -< / span >endcapture< / span >- - - - - - %}< / span >{% -< / span >捕获< / span >unit_price_base_unit< / span >- - - - - - %}< / span >< span data-unit-price-base-unit >{% -< / span >如果< / span >可用< / span >和< / span >变体< / span >.< / span >unit_price_measurement< / span >- - - - - - %}< / span >{% -< / span >如果< / span >变体< / span >.< / span >unit_price_measurement< / span >.< / span >reference_value< / span >! =< / span >1< / span >- - - - - - %}< / span >{{-< / span >变体< / span >.< / span >unit_price_measurement< / span >.< / span >reference_value< / span >-}}< / span >{% -< / span >endif< / span >- - - - - - %}< / span >{{< / span >变体< / span >.< / span >unit_price_measurement< / span >.< / span >reference_unit< / span >}}< / span >{% -< / span >endif< / span >- - - - - - %}< / span >< / span >{% -< / span >endcapture< / span >- - - - - - %}< / span >< span class = " visually-hidden”>{{< / span >“products.product.unit_price_label”< / span >|< / span >t< / span >}}< / span > {{< / span >变体< / span >.< / span >unit_price< / span >|< / span >钱< / span >}}< / span >< / span >{{-< / span >unit_price_separator< / span >-}} {{-< / span >unit_price_base_unit< / span >-}}< / span >< / span >
คลิกที่บันทึก
ค้นหาและแก้ไขไฟล์
product-grid-item.liquid
แทนที่บรรทัดนี้:< / p >李< / >
{%< / span >捕获< / span >价格< / span >%} {{< / span >特色< / span >.< / span >价格< / span >|< / span >钱< / span >}} {%< / span >endcapture< / span >%}< / span >
ด้วยบรรทัดนี้:< / p >{% -< / span >分配< / span >价格< / span >=< / span >特色< / span >.< / span >价格< / span >|< / span >钱< / span >- - - - - - %}< / span >
- ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหา
{{价格}}
และเพิ่มโค้ดนี้ด้านล่าง:李< / >
{% -< / span >分配< / span >变体< / span >=< / span >特色< / span >.< / span >selected_or_first_available_variant< / span >- - - - - - %}< / span >{% -< / span >如果< / span >变体< / span >.< / span >可用< / span >和< / span >变体< / span >.< / span >unit_price_measurement< / span >- - - - - - %}< / span >{%< / span >包括< / span >“product-unit-price”< / span >,< / span >变体< / span >:< / span >变体< / span >,< / span >wrapper_class< / span >:< / span >“grid-link__unit-price”< / span >%}< / span >{% -< / span >endif< / span >- - - - - - %}< / span >
หลังจากที่แก้ไขไฟล์แล้วไฟล์product-grid-item.liquid
ควรจะอยู่ในรูปแบบดังต่อไปนี้:< / p >
คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง< / p >李< / ><李>
ค้นหาและแก้ไขไฟล์
search-result.liquid
ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหา
{%如果项目。Object_type == 'product' %}
และเพิ่มโค้ดต่อไปนี้ในบรรทัดด้านล่าง:< / p >李< / >
{% -< / span >分配< / span >变体< / span >=< / span >项< / span >.< / span >selected_or_first_available_variant< / span >- - - - - - %}< / span >
- จากนั้นให้ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาส่วนย่อยสองรายการต่อไปนี้:李< / >
小> < s > <{{< / span >项< / span >.< / span >compare_at_price_max< / span >|< / span >钱< / span >}}< / span >< /小> < / s >
และ< / p >< span class = " visually-hidden”>{{< / span >“products.product.regular_price”< / span >|< / span >t< / span >}}< / span > {{< / span >项< / span >.< / span >价格< / span >|< / span >钱< / span >}}< / span >< / span >
- เพิ่มบล็อกโค้ดต่อไปนี้ที่ด้านล่างของโค้ดส่วนย่อยสองส่วนแต่ละโค้ดที่ระบุไว้ในขั้นตอนก่อนหน้านี้:李< / >
{% -< / span >如果< / span >变体< / span >.< / span >可用< / span >和< / span >变体< / span >.< / span >unit_price_measurement< / span >- - - - - - %}< / span >{%< / span >包括< / span >“product-unit-price”< / span >,< / span >变体< / span >:< / span >变体< / span >%}< / span >{% -< / span >endif< / span >- - - - - - %}< / span >
หลังจากที่แก้ไขไฟล์แล้วไฟล์search-result.liquid
ควรจะอยู่ในรูปแบบดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
อัปเดตสไตล์ของคุณ
ค้นหาและขยายโฟลเดอร์สินทรัพย์
แก้ไขไฟล์
theme.scss.liquid
ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาโค้ดกลุ่มนี้:< / p >李< / >
.grid-link__title< / span >,< / span >.grid-link__meta< / span >{< / span >位置< / span >:< / span >相对< / span >;< / span >margin-bottom< / span >:< / span >5 px< / span >;< / span >
- ใส่บล็อกโค้ดต่อไปนี้ใต้โค้ดส่วนย่อยที่คุณตั้งไว้ในขั้นตอนก่อนหน้า:李< / >
字体类型< / span >:< / span >美元< / span >headerFontStack< / span >;< / span >
- ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาชิ้นส่วนรหัสต่อไปนี้:李< / >
.grid-link__sale_price< / span >{< / span >不透明度< / span >:< / span >0.95< / span >;< / span >过滤器< / span >:< / span >α< / span >(< / span >不透明度< / span >=< / span >95< / span >);< / span >}< / span >
- ใส่บล็อกโค้ดต่อไปนี้ใต้โค้ดส่วนย่อยที่คุณตั้งไว้ในขั้นตอนก่อนหน้า:李< / >
.grid-link__unit-price< / span >{< / span >字体大小< / span >:< / span >1 em< / span >;< / span >}< / span >
- ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาชิ้นส่วนรหัสต่อไปนี้:李< / >
.order-discount——列表< / span >{< / span >保证金< / span >:< / span >0.8 em< / span >0< / span >0.6 em< / span >1.3 em< / span >;< / span >list-style< / span >:< / span >没有一个< / span >;< / span >填充< / span >:< / span >0< / span >;< / span >}< / span >
- ใส่บล็อกโค้ดต่อไปนี้ใต้โค้ดส่วนย่อยที่คุณตั้งไว้ในขั้นตอนก่อนหน้า:李< / >
.order-discount——价格< / span >{< / span >margin-bottom< / span >:< / span >0< / span >;< / span >}< / span >
- ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาชิ้นส่วนรหัสต่อไปนี้:李< / >
.cart__product-title< / span >{< / span >显示< / span >:< / span >inline-block< / span >;< / span >
- ใส่บล็อกโค้ดต่อไปนี้ใต้โค้ดส่วนย่อยที่คุณตั้งไว้ในขั้นตอนก่อนหน้า:李< / >
粗细< / span >:< / span >美元< / span >bodyFontWeightBold< / span >;< / span >
หลังจากที่แก้ไขไฟล์แล้วไฟล์theme.scss.liquid
ควรจะอยู่ในรูปแบบดังต่อไปนี้:< / p >
คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง< / p >李< / ><李>
ค้นหาและแก้ไขไฟล์
timber.scss.liquid
ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาโค้ดนี้:< / p >李< / >
.quantity-selector< / span >{< / span >显示< / span >:< / span >inline-block< / span >;< / span >}< / span >}< / span >
- ใส่บล็อกโค้ดต่อไปนี้ใต้โค้ดส่วนย่อยที่คุณตั้งไว้ในขั้นตอนก่อนหน้า:李< / >
.product-single__title< / span >{< / span >粗细< / span >:< / span >美元< / span >bodyFontWeightBold< / span >;< / span >}< / span >
- ใส่โค้ดนี้ที่ส่วนท้ายของไฟล์:李< / >
.product-unit-price< / span >{< / span >颜色< / span >:< / span >rgba< / span >(< / span >美元< / span >colorTextBody< / span >,< / span >0.6< / span >);< / span >显示< / span >:< / span >块< / span >;< / span >字体类型< / span >:< / span >美元< / span >headerFontStack< / span >;< / span >字体大小< / span >:< / span >新兴市场< / span >(< / span >12 px< / span >);< / span >}< / span >
หลังจากที่แก้ไขไฟล์แล้วไฟล์timber.scss.liquid
ควรจะอยู่ในรูปแบบดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
อัปเดตเทมเพลตของคุณ
ค้นหาและขยายโฟลเดอร์เทมเพลต
ค้นหาและแก้ไขไฟล์
客户/ order.liquid
ใช้แป้นลัดสำหรับค้นหาเพื่อหาโค้ดดังกล่าว:< / p >李< / >
{% -< / span >其他的< / span >- - - - - - %}< / span >{{< / span >line_item< / span >.< / span >original_price< / span >|< / span >钱< / span >}}< / span >{% -< / span >endif< / span >- - - - - - %}< / span >
- เพิ่มโค้ดนี้ลงด้านล่างโค้ดจากขั้นตอนที่3:李< / >
{% -< / span >如果< / span >line_item< / span >.< / span >unit_price_measurement< / span >- - - - - - %}< / span >{%< / span >包括< / span >“product-unit-price”< / span >,< / span >变体< / span >:< / span >line_item< / span >,< / span >可用< / span >:< / span >真正的< / span >%}< / span >{% -< / span >endif< / span >- - - - - - %}< / span >
หลังจากที่แก้ไขไฟล์แล้วไฟล์客户/ order.liquid
ควรจะอยู่ในรูปแบบดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
【翻译
ค้นหาและแก้ไขโค้ด
theme.js
ในทรัพย์สินใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาบรรทัดที่มี
.shopify-payment-button
แล้วแทนที่ด้วย:< / p >李< / >
shopifyPaymentButton美元< / span >:< / span >美元< / span >(< / span >'< / span >.shopify-payment-button< / span >'< / span >,< / span >这< / span >.< / span >美元的容器< / span >),< / span >unitPrice美元< / span >:< / span >美元< / span >(< / span >'< / span >(data-unit-price)< / span >'< / span >,< / span >这< / span >.< / span >美元的容器< / span >),< / span >unitPriceBaseUnit美元< / span >:< / span >美元< / span >(< / span >'< / span >(data-unit-price-base-unit)< / span >'< / span >,< / span >这< / span >.< / span >美元的容器< / span >),< / span >unitPriceContainer美元< / span >:< / span >美元< / span >(< / span >'< / span >(data-unit-price-container)< / span >'< / span >,< / span >这< / span >.< / span >美元的容器< / span >)< / span >
กลุ่มโค้ดดังกล่าวควรมีลักษณะดังนี้:< / p >
- ค้นหาโค้ดนี้:李< / >
其他的< / span >{< / span >这< / span >.< / span >选择器< / span >.< / span >comparePrice美元< / span >.< / span >addClass< / span >(< / span >'< / span >隐藏< / span >'< / span >)。< / span >超文本标记语言< / span >(< / span >”< / span >);< / span >这< / span >.< / span >选择器< / span >.< / span >comparePriceA11y美元< / span >.< / span >attr< / span >(< / span >'< / span >aria-hidden< / span >'< / span >,< / span >'< / span >真正的< / span >'< / span >);< / span >}< / span >
- เพิ่มโค้ดนี้ด้านล่างโค้ดดังกล่าว:李< / >
//单价< / span >这< / span >.< / span >选择器< / span >.< / span >unitPriceContainer美元< / span >.< / span >addClass< / span >(< / span >'< / span >隐藏< / span >'< / span >);< / span >如果< / span >(< / span >变体< / span >.< / span >unit_price< / span >)< / span >{< / span >这< / span >.< / span >选择器< / span >.< / span >unitPrice美元< / span >.< / span >超文本标记语言< / span >(< / span >Shopify< / span >.< / span >formatMoney< / span >(< / span >变体< / span >.< / span >unit_price< / span >,< / span >主题< / span >.< / span >moneyFormat< / span >)< / span >);< / span >这< / span >.< / span >选择器< / span >.< / span >unitPriceBaseUnit美元< / span >.< / span >超文本标记语言< / span >(< / span >这< / span >.< / span >getBaseUnit< / span >(< / span >变体< / span >));< / span >这< / span >.< / span >选择器< / span >.< / span >unitPriceContainer美元< / span >.< / span >removeClass< / span >(< / span >'< / span >隐藏< / span >'< / span >);< / span >}< / span >
ผลลัพธ์ควรมีลักษณะดังนี้:< / p >
- ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาโค้ดนี้:李< / >
.< / span >attr< / span >(< / span >'< / span >data-zoom< / span >'< / span >)< / span >});< / span >});< / span >
- ใส่บล็อกโค้ดต่อไปนี้ใต้โค้ดส่วนย่อยที่คุณตั้งไว้ในขั้นตอนก่อนหน้า:李< / >
},< / span >getBaseUnit< / span >:< / span >函数< / span >(< / span >变体< / span >)< / span >{< / span >返回< / span >变体< / span >.< / span >unit_price_measurement< / span >.< / span >reference_value< / span >===< / span >1< / span >?< / span >变体< / span >.< / span >unit_price_measurement< / span >.< / span >reference_unit< / span >:< / span >变体< / span >.< / span >unit_price_measurement< / span >.< / span >reference_value< / span >+< / span >变体< / span >.< / span >unit_price_measurement< / span >.< / span >reference_unit< / span >;< / span >
ผลลัพธ์ควรมีลักษณะดังนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
อัปเดตเทมเพลตตระกร้าสินค้าของคุณ
ค้นหาและขยายโฟลเดอร์ส่วน
แก้ไขไฟล์
cart-template.liquid
ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาโค้ด
{{Final_price | money}}
แทนที่บรรทัดดังกล่าวด้วยโค้ดนี้:< / p >李< / >
{{< / span >项< / span >.< / span >final_price< / span >|< / span >钱< / span >}}< / span >< / span >
- ค้นหาโค้ด
{%-如果项目。= blank -%}
ที่เกิดขึ้นครั้งแรก:李< / >
{% -< / span >如果< / span >项< / span >.< / span >line_level_discount_allocations< / span >! =< / span >空白< / span >- - - - - - %}< / span >
- เพิ่มโค้ดกลุ่มนี้ที่ด้านบนของโค้ดจากขั้นตอนที่5:李< / >
{% -< / span >如果< / span >项< / span >.< / span >变体< / span >.< / span >可用< / span >和< / span >项< / span >.< / span >变体< / span >.< / span >unit_price_measurement< / span >- - - - - - %}< / span >{%< / span >包括< / span >“product-unit-price”< / span >,< / span >变体< / span >:< / span >项< / span >,< / span >可用< / span >:< / span >item.variant.available%}< / span >{% -< / span >endif< / span >- - - - - - %}< / span >
หลังจากที่แก้ไขไฟล์แล้วไฟล์cart-template.liquid
ควรจะอยู่ในรูปแบบดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
อัปเดตสินค้าแนะนำของคุณ
ค้นหาและขยายโฟลเดอร์ส่วน
แก้ไขไฟล์
featured-product.liquid
ใช้แป้นลัดสำหรับค้นหาเพื่อหาบรรทัดที่มีโค้ด
itemprop = "名称"
แล้วแทนที่ด้วย:< / p >李< / >
{{< / span >标题< / span >}}< / span >< / h1 >
- ค้นหาโค้ดที่มี
id = " PriceA11y "
:李< / >
{%< / span >如果< / span >compare_at_price< / span >>< / span >价格< / span >%}< / span >{{< / span >“products.product.regular_price”< / span >|< / span >t< / span >}}< / span >< / span > {compare_at_price | money}} {%< / span >endif< / span >%}< / span >
- ใส่บล็อกโค้ดต่อไปนี้ใต้โค้ดส่วนย่อยที่คุณตั้งไว้ในขั้นตอนก่อนหน้า:李< / >
{%< / span >包括< / span >“product-unit-price”< / span >,< / span >变体< / span >:< / span >变体< / span >,< / span >可用< / span >:< / span >真正的< / span >%}< / span >
หลังจากที่แก้ไขไฟล์แล้วไฟล์featured-product.liquid
ควรจะอยู่ในรูปแบบดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
อัปเดตเทมเพลตผลิตภัณฑ์ของคุณ
ค้นหาและขยายโฟลเดอร์ส่วน
แก้ไขไฟล์
product-template.liquid
ใช้แป้นลัดสำหรับค้นหาเพื่อหาบรรทัดที่มี
itemprop = "名称"
แล้วแทนที่ด้วย:< / p >李< / >
{{< / span >产品< / span >.< / span >标题< / span >}}< / span >< / h1 >
- ใช้แป้นลัดสำหรับค้นหาเพื่อหาโค้ดดังกล่าว:李< / >
{%< / span >其他的< / span >%}< / span >
- เพิ่มบรรทัดด้านล่างนี้:李< / >
{%< / span >包括< / span >“product-unit-price”< / span >,< / span >变体< / span >:< / span >变体< / span >,< / span >可用< / span >:< / span >真正的< / span >%}< / span >
หลังจากที่แก้ไขไฟล์แล้วไฟล์product-template.liquid
ควรจะอยู่ในรูปแบบดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
อัปเดตภาษา
ค้นหาและขยายโฟลเดอร์ตำแหน่งที่ตั้ง
เปิดและแก้ไขไฟล์
en.default.json
ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาบรรทัดที่มี
refresh_page
แล้วแทนที่ด้วย:< / p >李< / >
“refresh_page”< / span >:< / span >"选择一个选项会刷新整个页面"< / span >,< / span >“unit_price_separator”< / span >:< / span >“每”< / span >
ผลลัพธ์ควรมีลักษณะดังนี้:< / p >
- ค้นหาบรรทัดที่มี
full_details
แล้วแทนที่ด้วย:李< / >
“full_details”< / span >:< / span >“详情”< / span >,< / span >“unit_price_label”< / span >:< / span >“单价”< / span >
ผลลัพธ์ควรมีลักษณะดังนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
(ไม่บังคับ)เพิ่มคำแปลภาษาอื่นๆ
ไปที่หน้าธีมในส่วนผู้ดูแลShopify< / p >李< / ><李>
คลิกปุ่ม“…”>“แก้ไขเนื้อหาธีมเริ่มต้น”
คลิกที่เปลี่ยนภาษาธีมจากนั้นเลือกภาษาที่คุณต้องการแก้ไขทำได้เฉพาะในธีมที่คุณเผยแพร่เท่านั้น< / p >李< / ><李>
ป้อน
单价
ในช่องค้นหา< / p >李< / ><李>อัปเดตช่องตัวคั่นราคาซึ่งอยู่ในห้วข้อทั่วไป/การเข้าถึง
อัปเดตช่องป้ายราคาซึ่งอยู่ในหัวข้อผลิตภัณฑ์/ผลิตภัณฑ์
คลิกที่บันทึก
ขั้นตอนสำหรับธีม冒险
ราคาต่อหน่วยถูกเพิ่มไปยังธีม风险สำหรับเวอร์ชัน9.4.0ขึ้นไปหากคุณไม่สามารถอัปเดตแอปของคุณเป็นเวอร์ชันล่าสุดได้ให้ทำตามขั้นตอนต่อไปนี้เพื่อใช้งานการปรับแต่งราคาต่อหน่วยในธีม风险เวอร์ชันก่อนหน้า< / p >
แก้ไขไฟล์ภาษาของธีมของคุณ
ในไดเรกทอรีตำแหน่งที่ตั้งให้คลิกที่
en.default.json
ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาบรรทัดที่มีโค้ด
refresh_page
:< / p >李< / >
“refresh_page”< / span >:< / span >"选择一个选项会刷新整个页面"< / span >
- เพิ่มโค้ดต่อไปนี้ที่ด้านบนของบรรทัดที่พบในขั้นตอนที่2:李< / >
“unit_price_separator”< / span >:< / span >“每”< / span >,< / span >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาบรรทัดที่มีโค้ด
stock_unavailable
:李< / >
“stock_unavailable”< / span >:< / span >“由于库存不足,该商品无法添加到您的购物车中。”< / span >
- เพิ่มโค้ดต่อไปนี้ที่ด้านบนของบรรทัดที่พบในขั้นตอนที่4:李< / >
“unit_price_label”< / span >:< / span >“单价”< / span >,< / span >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
แก้ไขสไตล์ชีตของธีมของคุณ
ในไดเรกทอรีชิ้นงานให้คลิก
theme.scss.liquid
ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาบรรทัด
.product-single__policies {
:< / p >李< / >
.product-single__policies< / span >{< / span >字体大小< / span >:< / span >新兴市场< / span >(< / span >美元< / span >font-size-base< / span >-< / span >1< / span >);< / span >}< / span >
- เพิ่มโค้ดต่อไปนี้ด้านล่างแท็กปิด
}
ของบล็อกโค้ดที่พบในขั้นตอนที่2:李< / >
.product-unit-price< / span >{< / span >字体大小< / span >:< / span >新兴市场< / span >(< / span >12< / span >);< / span >颜色< / span >:< / span >美元< / span >color-body-text< / span >;< / span >}< / span >.product-card__unit-price< / span >{< / span >显示< / span >:< / span >块< / span >;< / span >}< / span >
หลังจากที่แก้ไขไฟล์แล้วไฟล์theme.scss.liquid
ควรจะอยู่ในรูปแบบดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
เพิ่มส่วนย่อยราคาต่อหน่วยของสินค้า
ในไดเรกทอรีส่วนย่อยให้คลิกเพิ่มส่วนย่อยใหม่
ป้อนชื่อ
product-unit-price
เพิ่มรหัสต่อไปนี้ลงใน
product-unit-price.liquid
:< / p >李< / >
< span class = " product-unit-price{%< / span >如果< / span >wrapper_class< / span >! =< / span >空白< / span >%}< / span >{{< / span >wrapper_class< / span >}} {%< / span >endif< / span >%} {%< / span >除非< / span >product_variant< / span >.< / span >unit_price_measurement< / span >%}< / span >隐藏{%< / span >endunless< / span >%}< / span >“data-unit-price-container >{% -< / span >捕获< / span >unit_price_separator< / span >- - - - - - %}< / span > {{< / span >“general.accessibility.unit_price_separator”< / span >|< / span >t< / span >}}< / span >< / span >{% -< / span >endcapture< / span >- - - - - - %}< / span >{% -< / span >捕获< / span >unit_price_base_unit< / span >- - - - - - %}< / span >< span data-unit-price-base-unit >{% -< / span >如果< / span >product_variant< / span >.< / span >unit_price_measurement< / span >.< / span >reference_value< / span >! =< / span >1< / span >- - - - - - %}< / span >{{-< / span >product_variant< / span >.< / span >unit_price_measurement< / span >.< / span >reference_value< / span >-}}< / span >{% -< / span >endif< / span >- - - - - - %}< / span >{{< / span >product_variant< / span >.< / span >unit_price_measurement< / span >.< / span >reference_unit< / span >}}< / span >< / span >{% -< / span >endcapture< / span >- - - - - - %}< / span >< span class = " visually-hidden”>{{< / span >“products.product.unit_price_label”< / span >|< / span >t< / span >}}< / span > {{< / span >product_variant< / span >.< / span >unit_price< / span >|< / span >钱< / span >}}< / span >< / span >{{-< / span >unit_price_separator< / span >-}} {{-< / span >unit_price_base_unit< / span >-}}< / span >< / span >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
แก้ไขส่วนย่อยของบัตรสินค้าของคุณ
ในไดเรกทอรีส่วนย่อยให้คลิกที่
product-card.liquid
ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาบรรทัด
{% -< / span >分配< / span >current_variant< / span >=< / span >产品< / span >.< / span >selected_or_first_available_variant< / span >- - - - - - %}< / span >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาบรรทัด
< div class = " product-card__price”>
:李< / >
< div class = " product-card__price”>{%< / span >如果< / span >产品< / span >.< / span >compare_at_price< / span >>< / span >产品< / span >.< / span >价格< / span >%}< / span >{%< / span >评论< / span >%}< / span >产品减价出售< / span >{%< / span >endcomment< / span >%}< / span >{%< / span >如果< / span >产品< / span >.< / span >price_varies< / span >%}< / span >{%< / span >分配< / span >sale_price< / span >=< / span >产品< / span >.< / span >价格< / span >|< / span >money_without_trailing_zeros< / span >%}< / span >{{< / span >“products.product.on_sale_from_html”< / span >|< / span >t< / span >:< / span >价格< / span >:< / span >sale_price< / span >}}< / span >{%< / span >其他的< / span >%}< / span >< span class = " visually-hidden”>{{< / span >“products.product.regular_price”< / span >|< / span >t< / span >}}< / span >< / span >
{{< / span >产品< / span >.< / span >compare_at_price< / span >|< / span >money_without_trailing_zeros< / span >}}< / span >{{< / span >“products.product.sale_price”< / span >|< / span >t< / span >}}< / span >< / span >{{< / span >产品< / span >.< / span >价格< / span >|< / span >money_without_trailing_zeros< / span >}}< / span >{%< / span >endif< / span >%}< / span >{%< / span >其他的< / span >%}< / span >{%< / span >评论< / span >%}< / span >不出售,但仍可能有不同的价格< / span >{%< / span >endcomment< / span >%}< / span >{%< / span >如果< / span >产品< / span >.< / span >price_varies< / span >%}< / span >{%< / span >分配< / span >价格< / span >=< / span >产品< / span >.< / span >价格< / span >|< / span >money_without_trailing_zeros< / span >%}< / span >{{< / span >“products.product.from_text_html”< / span >|< / span >t< / span >:< / span >价格< / span >:< / span >价格< / span >}}< / span >{%< / span >其他的< / span >%}< / span >< span class = " visually-hidden”>{{< / span >“products.product.regular_price”< / span >|< / span >t< / span >}}< / span >< / span >{{< / span >产品< / span >.< / span >价格< / span >|< / span >money_without_trailing_zeros< / span >}}< / span >{%< / span >endif< / span >%}< / span >{%< / span >endif< / span >%}< / span >< / div >- เพิ่มรหัสต่อไปนี้ที่ด้านบนตัวปิดของแท็ก
< / div >
ซึ่งพบได้ในขั้นตอนที่5:李< / >
{% -< / span >除非< / span >产品< / span >.< / span >price_varies< / span >- - - - - - %}< / span >{% -< / span >如果< / span >current_variant< / span >.< / span >unit_price_measurement< / span >- - - - - - %}< / span >{%< / span >包括< / span >“product-unit-price”< / span >,< / span >product_variant< / span >:< / span >current_variant< / span >,< / span >wrapper_class< / span >:< / span >“product-card__unit-price”< / span >%}< / span >{% -< / span >endif< / span >- - - - - - %}< / span >{% -< / span >endunless< / span >- - - - - - %}< / span >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
แก้ไขเทมเพลตหน้าตะกร้าสินค้าของคุณ
ในไดเรกทอรีส่วนให้คลิก
cart-template.liquid
ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาอินสแตนซ์แรกของ
< td类= " cart__cell——总”>
:< / p >李< / >
< td类= " cart__cell——总”>{% -< / span >如果< / span >项< / span >.< / span >original_line_price< / span >! =< / span >项< / span >.< / span >final_line_price< / span >- - - - - - %}< / span >< span class = " visually-hidden”>{{< / span >“products.product.regular_price”< / span >|< / span >t< / span >}}< / span >< / span >
{{< / span >项< / span >.< / span >original_line_price< / span >|< / span >钱< / span >}}< / span >{{< / span >“products.product.sale_price”< / span >|< / span >t< / span >}}< / span >< / span >{{< / span >项< / span >.< / span >final_line_price< / span >|< / span >钱< / span >}}< / span >< / span >{% -< / span >其他的< / span >- - - - - - %}< / span >< span class = " cart__item-total”>{{< / span >项< / span >.< / span >original_line_price< / span >|< / span >钱< / span >}}< / span >< / span >{% -< / span >endif< / span >- - - - - - %}< / span >- เพิ่มรหัสต่อไปนี้ด้านล่างแท็ก
endif
ซึ่งพบได้ในขั้นตอนที่2:李< / >
{% -< / span >如果< / span >项< / span >.< / span >unit_price_measurement< / span >- - - - - - %}< / span >{%< / span >包括< / span >“product-unit-price”< / span >,< / span >product_variant< / span >:< / span >项< / span >%}< / span >{% -< / span >endif< / span >- - - - - - %}< / span >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาอินสแตนซ์ที่สองของ
< td类= " cart__cell——总”>
:李< / >
< td类= " cart__cell——总”>{{< / span >#< / span >如果< / span >discountsApplied< / span >}}< / span >< span class = " visually-hidden”>{%< / span >endraw< / span >%} {{< / span >“products.product.regular_price”< / span >|< / span >t< / span >}} {%< / span >生< / span >%}< / span >< / span >{{{originalLinePrice}}} {%< / span >endraw< / span >%} {{< / span >“products.product.sale_price”< / span >|< / span >t< / span >}} {%< / span >生< / span >%}< / span > {{{linePrice}}}}} {{else}} {{originalLinePrice}}}} {{/if}} {{#if discountsApplied}}
- {%< / span >endraw< / span >%} {{< / span >“customer.order.discount”< / span >|< / span >t< / span >}} {%< / span >生< / span >%}< / span >>{{#每个折扣}}
- {%< / span >endraw< / span >%} {% -< / span >包括< / span >“icon-saletag”< / span >- - - - - - %} {%< / span >生< / span >%}< / span >{{this.discount_application。Title}} (-{{{this。为mattedAmount }}}) {{/each}}
- เพิ่มรหัสต่อไปนี้ด้านล่างตัวปิดของแท็ก
{{/如果}}
ซึ่งพบได้ในขั้นตอนที่4:李< / >
{{< / span >#< / span >如果< / span >unitPrice< / span >}}< / span >< span class = " visually-hidden”>{%< / span >endraw< / span >%} {{< / span >“products.product.unit_price_label”< / span >|< / span >t< / span >}} {%< / span >生< / span >%}< / span >< span class = " product-unit-price" >{%< / span >endraw< / span >%}< / span >{% -< / span >捕获< / span >unit_price_separator< / span >- - - - - - %}< / span > ;{{< / span >“general.accessibility.unit_price_separator”< / span >|< / span >t< / span >}}< / span >跨度,< / >{% -< / span >endcapture< / span >- - - - - - %}< / span >{%< / span >生< / span >%}< / span >< span > {{{unitPrice。< / span >价格}}}{%< / span >endraw< / span >%} {{-< / span >unit_price_separator< / span >-}} {%< / span >生< / span >%}< / span >{{#如果unitPrice。{{{unitPrice。reference_value}}}{{/如果}}{{{unitPrice.参考单元}}} {{/if}}
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- คลิกที่บันทึกเพื่อยืนยันการเปลี่ยนแปลง李< / >
แก้ไขเทมเพลตหน้าสินค้าแนะนำของคุณ
ในไดเรกทอรีส่วนให้คลิก
featured-product.liquid
ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาบรรทัด
{% assign current_variant = product。selected_or_first_available_variant%}
เพิ่มโค้ดต่อไปนี้ที่ด้านล่างของบรรทัดที่พบในขั้นตอนที่2:< / p >李< / >
{%< / span >分配< / span >variants_with_unit_price< / span >=< / span >产品< / span >.< / span >变体< / span >|< / span >在哪里< / span >:< / span >“unit_price_measurement”< / span >%}< / span >
หลังจากที่แก้ไขไฟล์แล้วควรได้ผลลัพธ์ดังต่อไปนี้:< / p >
- ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาบรรทัดที่มีโค้ด
< ul类= " product-single__meta-list
:李< / >
- ใช้แป้นลัดสำหรับค้นหาเพื่อค้นหาบรรทัด