อัปเกรดขั้นตอนการชำระเงินออนไลน์ของคุณ
คุณสามารถปรับแต่งขั้นตอนการชำระเงินออนไลน์ของคุณเพื่อขยายแบรนด์ของคุณ เปลี่ยนการส่งข้อความ แนะนำข้อเสนอ และทำการพัฒนาอื่นๆ ให้กับประสบการณ์การใช้งานของลูกค้าของคุณได้ เพื่อตรวจสอบให้แน่ใจว่าการปรับแต่งของคุณเข้ากันได้กับการเปลี่ยนแปลงที่ Shopify ดำเนินการอย่างต่อเนื่อง คุณจำเป็นต้องอัปเดตการชำระเงินเป็นระยะๆ
ให้ดำเนินการต่อไปนี้เพื่อเตรียมพร้อมรับการอัปเกรด
- ดูตัวอย่างการชำระเงินแบบใหม่และทดสอบประสบการณ์การชำระเงินจากมุมมองของลูกค้า คุณอาจต้องเปลี่ยนไฟล์
checkout.liquid
ก่อนจะสามารถอัปเกรดได้ ทั้งนี้ขึ้นอยู่กับการปรับแต่งที่ได้ทำไว้ในขั้นตอนการชำระเงิน - เมื่อคุณพอใจกับการเปลี่ยนแปลงของคุณแล้วให้อัปเกรดร้านค้าของคุณเพื่อใช้งาน Shopify Checkout โฉมใหม่
ในหน้านี้
ดูตัวอย่างการชำระเงินของคุณและทดสอบข้อผิดพลาด
ก่อนที่คุณจะอัปเกรดร้านค้าของคุณเพื่อใช้งานการชำระเงินเวอร์ชันใหม่โปรดตรวจสอบให้แน่ใจว่าคุณได้แสดงตัวอย่างการเปลี่ยนแปลงแล้ว
ขั้นตอนมีดังนี้
- ในส่วนผู้ดูแล Shopify ให้ไปที่หน้าอัปเกรดการชำระเงิน จากนั้นคลิก “ดูตัวอย่างการชำระเงิน”
- เลือกธีมปัจจุบันของคุณจากรายการ จากนั้นคลิก ดูตัวอย่าง
- สร้างการชำระเงินทดสอบ โดยดําเนินการต่อในขั้นตอนการชำระเงินในฐานะลูกค้า
หากคุณพบข้อผิดพลาดใดๆ ระหว่างการทดสอบเหล่านี้ การปรับแต่งการชำระเงินบางส่วนของคุณอาจขัดแย้งกับ การปรับปรุง ในเวอร์ชันใหม่ หากเป็นกรณีเช่นนี้ คุณจำเป็นต้องทำการเปลี่ยนแปลงไฟล์ checkout.liquid
ของคุณ ก่อนที่จะอัปเกรด
การแก้ไขข้อผิดพลาด
ขั้นตอนมีดังนี้
ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
คลิกปุ่ม "..." จากนั้นคลิก "คัดลอก"
จากธีมเพิ่มเติมให้ค้นหาธีมที่ซ้ำกัน จากนั้นคลิกปุ่ม "..." > "แก้ไขรหัส" ทำการแก้ไขและทดสอบโดยใช้ธีมที่ซ้ำกันและไม่ได้เผยแพร่เวอร์ชันนี้
เปิดไฟล์
checkout.liquid
ดูตัวอย่างไฟล์
checkout.liquid
จากธีมที่ทำซ้ำของคุณโดยใช้การชำระเงิน Shopify แบบใหม่:- จากส่วนผู้ดูแล Shopify ของคุณ ไปที่หน้า อัปเกรดการชำระเงิน คลิก ดูตัวอย่างการชำระเงินจากนั้นเลือกธีมที่ทำซ้ำ
- ดำเนินการคำสั่งซื้อให้เสร็จสมบูรณ์ในการทดสอบตัวอย่าง
หากคุณมีข้อผิดพลาดหรือสังเกตเห็นปัญหาในรูปแบบที่การชำระเงินปรากฏในหน้าการชำระเงิน คุณจำเป็นต้องแก้ไขไฟล์ checkout.liquid
เพื่อแก้ปัญหาดังกล่าว
อัปเกรดเป็น Shopify Checkout โฉมใหม่
การอัปเกรดขั้นตอนการชำระเงินของคุณคือกระบวนการแบบสองขั้นตอนที่ กำหนดให้คุณต้องอัปเกรด Shopify Checkout และแทนที่ธีมที่เผยแพร่ในปัจจุบันด้วยสำเนาของธีมที่มีการเปลี่ยนแปลงของคุณ
เลือกช่วงเวลาที่ผู้คนเบาบางสำหรับการอัปเกรด (เช่นเช้าตรู่ ช่วงดึกหรือในช่วงสุดสัปดาห์) เพื่อลดการหยุดชะงักในการดำเนินการที่อาจเกิดขึ้น
ขั้นตอนมีดังนี้
- ในหน้าอัปเกรดการชำระเงินให้คลิกอัปเกรดขั้นตอนการชำระเงิน (ปุ่มนี้จะอยู่ที่ด้านล่างของหน้า)
- หากคุณพบข้อผิดพลาดเมื่อแสดงตัวอย่างธีมแรกของคุณ ก่อนอื่นคุณควรตรวจสอบให้แน่ใจว่าได้แก้ไขข้อผิดลาดดังกล่าวแล้ว (อ้างอิงถึงการแก้ไขข้อผิดพลาดด้านบน) จากนั้นให้เผยแพร่ธีมซ้ำเดิมที่อัปเดตแล้วของคุณ:
- ในร้านค้าออนไลน์ของคุณ ให้คลิกที่ “ธีม”
- ค้นหาธีมที่คัดลอกมาของคุณและคลิกปุ่ม "..." > "เผยแพร่"
ขั้นตอนการชำระเงินของคุณจะได้รับการอัปเกรดและสำเนาธีมของคุณคือธีมปัจจุบันของคุณ
มีอะไรใหม่ใน Shopify Checkout
Shopify Checkout เวอร์ชันใหม่ประกอบด้วยการเปลี่ยนแปลงและฟีเจอร์ใหม่ๆ ดังต่อไปนี้
- การสมัครรับข้อมูล
- การเสนอขายที่มีมูลค่าสูงขึ้น
- การให้ทิปในขั้นตอนการชำระเงิน
- การรับสินค้าและการจัดส่งในพื้นที่
- ช่องทางต่างประเทศเพิ่มเติม
- ปุ่ม “ติดตามคำสั่งซื้อด้วย Shop”
- การอัปเดตหน้าสถานะคำสั่งซื้อ
- การเปลี่ยนแปลงไฟล์ทั่วไป
- สถานะโครงสร้าง/ขณะโหลด
- ข้อความแจ้งข้อผิดพลาด
- การเปลี่ยนแปลงลักษณะประจำข้อมูล
- การปรับปรุงการเข้าถึง
การสมัครรับข้อมูล
มีการเพิ่มส่วนต่างๆ ไปยังการชำระเงินของ Shopify เพื่อให้คุณสามารถเสนอสินค้าแบบสมัครใช้งานขณะที่รักษาการปรับแต่งการชำระเงินของคุณ ส่วนเหล่านี้จะช่วยให้คุณขายสินค้าแบบสมัครใช้งานและประมวลผลการชำระเงินแบบต่อเนื่องได้โดยตรงภายในขั้นตอนการชำระเงินของ Shopify
หลังจากอัปเกรดการชำระเงินเสร็จสิ้นแล้ว คุณสามารถเสนอการสมัครใช้งานโดยการเพิ่มแอปการสมัครใช้งานจาก Shopify App Store หรือสร้างแอปแบบกำหนดเองด้วย API การสมัครใช้งานใหม่
ดูข้อมูลเพิ่มเติมเกี่ยวกับการสมัครใช้งานในศูนย์ช่วยเหลือของ Shopify
- เมื่อเปิดใช้การสมัครใช้งาน วิธีการจัดส่งที่ใช้สำหรับการสมัครใช้งานจะแสดงแยกต่างหากจากวิธีการจัดส่งสำหรับการซื้อแบบครั้งเดียว
.product_description_variant Span.product_description_selling_plan
จะปรากฏเป็นคุณสมบัติเพิ่มเติมของสินค้าเฉพาะรายการหากมีการสมัครใช้งานที่เกี่ยวข้องกับสินค้าดังกล่าว- ยอดรวมของการซื้อซ้ำกับเคล็ดลับเกี่ยวกับเครื่องมือที่เกี่ยวข้องจะปรากฏด้านล่างของยอดรวมในสรุปคำสั่งซื้อ
- ตัวเลือกการจัดส่งสินค้าแบบสมัครใช้งานจะปรากฏเมื่อมีสินค้าแบบสมัครใช้งานรวมอยู่ในคำสั่งซื้อ
การเสนอขายที่มีมูลค่าสูงขึ้น
แอปแนะนำสินค้าที่มีมูลค่าสูงขึ้นหลังการซื้อรุ่นใหม่พร้อมให้บริการใน Shopify App Store แอปเหล่านี้เสนอข้อเสนอหลังการสั่งซื้อให้แก่ลูกค้าของคุณโดยตรงในขั้นตอนการชำระเงินของ Shopify และแก้ไขคำสั่งซื้อที่เสร็จสมบูรณ์เพื่อเพิ่มสินค้าที่มีมูลค่าสูงขึ้นโดยไม่ต้องใส่ข้อมูลการเรียกเก็บเงินหรือการจัดส่งอีกครั้ง
การอัปเกรดขั้นตอนการชำระเงินนี้มีการแก้ไขไฟล์การชำระเงินของคุณที่ทำให้การแนะนำสินค้าที่มีมูลค่าสูงขึ้นหลังการซื้อทำงานร่วมกับขั้นตอนการชำระเงินที่คุณกำหนดเอง
ดูข้อมูลเพิ่มเติมเกี่ยวกับการแนะนำสินค้าที่ราคาสูงกว่าหลังการซื้อ
เมื่อมีการติดตั้งแอปหลังการซื้อที่ถูกต้องในส่วนผู้ดูแล Shopify ลูกค้าจะได้รับข้อเสนอหลังการซื้อ
การให้ทิปในขั้นตอนการชำระเงิน
ตัวเลือกการให้ทิปสามารถนำไปใช้เพื่อให้ลูกค้าเพิ่มทิปไปกับคำสั่งซื้อออนไลน์ของพวกเขาหรือเพื่อเก็บเงินบริจาคแทนทิปได้ เมื่อเปิดใช้งานการให้ทิปแล้ว ส่วนเพิ่มทิปจะปรากฏขึ้นในขั้นตอนวิธีการชำระเงินของการชำระเงิน โดยส่วนเพิ่มทิปจะมีตัวเลือกทิปที่เลือกไว้ล่วงหน้าสามตัวเลือกนอกเหนือจากช่องสำหรับป้อนจำนวนเงินทิปแบบกำหนดเอง
เมื่อเปิดใช้งานการให้ทิปแล้ว ส่วนเพิ่มทิปจะปรากฏขึ้นในขั้นตอนวิธีการชำระเงินของการชำระเงิน
ดูข้อมูลเพิ่มเติมเกี่ยวกับการเสนอตัวเลือกการให้ทิป
รับสินค้าที่ร้านและจัดส่งในพื้นที่
การรับสินค้าที่ร้านหรือการจัดส่งจะเป็นวิธีการจัดส่งแบบใหม่ที่ช่วยให้ลูกค้ารับสินค้าในพื้นที่ของตนได้ เมื่อเปิดใช้งานวิธีการจัดส่งเหล่านี้ ลูกค้าจะสามารถเลือกรับสินค้าที่ร้านหรือจัดส่งในพื้นที่ได้ในขั้นตอนการจัดส่งของการชำระเงิน
ดูวิธีเปิดใช้งานการรับสินค้าที่ร้านและการจัดส่งภายในพื้นที่
ช่องข้อมูลเพิ่มเติมสำหรับการจัดส่งในพื้นที่จะปรากฏขึ้นเมื่อลูกค้าเปิดใช้งานหรือเลือกการจัดส่งในพื้นที่
หากเปิดใช้งานการรับสินค้าที่ร้าน ระบบจะแสดงส่วนวิธีการจัดส่งให้กับลูกค้าในหน้าข้อมูลในขั้นตอนการชำระเงิน หากไม่สามารถจัดส่งได้ ระบบจะแสดงเฉพาะข้อมูลการรับสินค้าเท่านั้น
วิธีการจัดส่งจะปรากฏเป็นแท็บแยกออกมา - การเลือกการจัดส่งจะแจ้งให้ลูกค้าป้อนข้อมูลการจัดส่งของพวกเขาและแสดงวิธีการจัดส่งที่มีอยู่เมื่อมีการคลิกที่ดำเนินการจัดส่งต่อ - การเลือกรับสินค้าจะแสดงรายการตำแหน่งที่ตั้งในการรับสินค้า ลูกค้าคลิกปุ่มวิทยุสำหรับตำแหน่งที่ตั้งในการรับสินค้าที่ต้องการ จากนั้นคลิกดำเนินการต่อไปยังการชำระเงิน
หากลูกค้าเลือกรับสินค้าในขั้นตอนการจัดส่งของการชำระเงิน ระบบจะไม่เก็บข้อมูลการจัดส่ง ลูกค้าจำเป็นต้องป้อนข้อมูลการเรียกเก็บเงินในขั้นตอนการชำระเงิน
คำแนะนำในการจัดส่งในพื้นที่จะปรากฏในหน้าสถานะคำสั่งซื้อ คำแนะนำเหล่านี้สามารถแก้ไขได้โดยเข้าไปที่ส่วนผู้ดูแล Shopify ของคุณ แล้วไปที่ การตั้งค่า > การจัดส่งและส่งมอบ ในส่วนการรับสินค้าที่ร้าน ให้ค้นหาตำแหน่งที่ตั้งที่คุณต้องการแก้ไขจากนั้นคลิก จัดการ
หน้าสถานะคำสั่งซื้อได้รับการอัปเดตเพื่อแสดงความคืบหน้าของการจัดส่งและการรับสินค้าแล้ว โดยข้อความจะปรากฏเมื่อ - คำสั่งซื้อได้รับการจัดเตรียมแล้วและพร้อมสำหรับการจัดส่ง - การจัดส่งเสร็จสมบูรณ์แล้ว นอกจากนี้ข้อความนี้ยังมีลิงก์เพื่อสั่งซื้อสินค้าเดียวกันอีกครั้ง - คำสั่งซื้อที่จะมารับสินค้าได้รับการยืนยันแล้ว ระบุว่าลูกค้าจะได้รับอีเมลเมื่อสินค้าพร้อมที่จะรับแล้ว - สินค้าพร้อมรับแล้ว - มีการรับสินค้าเรียบร้อยแล้ว
ช่องทางต่างประเทศเพิ่มเติม
บางประเทศมีข้อกำหนดในการจัดส่งที่ไม่เหมือนกันที่คุณต้องปฏิบัติตามเพื่อให้การจัดส่งเข้าถึงลูกค้าของคุณ ขณะนี้ช่องข้อมูลเพิ่มเติมมีให้บริการสำหรับประเทศที่มีข้อกำหนดในการจัดส่งที่ไม่เหมือนกัน โดยช่องข้อมูลใหม่เหล่านี้จะปรากฏในขั้นตอนวิธีการชำระเงินของการชำระเงิน
ดูข้อมูลเพิ่มเติมเกี่ยวกับช่องทางต่างประเทศเพิ่มเติม
- ช่องการชำระเงินเพิ่มเติมจะปรากฏเฉพาะลูกค้าในบราซิล เกาหลีใต้ อิตาลี และจีนเท่านั้น
ปุ่ม “ติดตามคำสั่งซื้อด้วย Shop”
ปุ่มติดตามคำสั่งซื้อกับ Shop ในสถานะคำสั่งซื้อและหน้าขอบคุณได้รับการอัปเดตด้วยรูปแบบใหม่
ดูข้อมูลเพิ่มเติมเกี่ยวกับแอป Shop
- มีการเพิ่มปุ่มข้อความที่แจ้งให้ลูกค้าติดตามการซื้อของพวกเขาในแอป Shop
- มีการเพิ่มพารามิเตอร์เพื่อแสดงการติดตาม Shop Pay
- การแสดงผลของปุ่ม “ติดตามคำสั่งซื้อด้วย Shop” สำหรับกรณีดังต่อไปนี้: - จัดส่งไม่ถึงมือลูกค้า - การยืนยัน - จัดส่งแล้ว - ล้มเหลว - รอดำเนินการ - ไม่สามารถจัดส่งได้ - อยู่ระหว่างการจัดส่ง
การอัปเดตหน้าสถานะคำสั่งซื้อ
มีการอัปเดตจำนวนมากในหน้าสถานะคำสั่งซื้อ
- ส่วนสำหรับข้อมูลบัตรของขวัญโดยเฉพาะสร้างขึ้นที่จะปรากฏเมื่อมีการซื้อบัตรของขวัญไปแล้ว
- เพิ่มข้อมูลการสมัครใช้งานแล้ว
- ระดับชั้น
icon-svg--align-text-bottom
ถูกลบไปแล้ว data-step="thank-you"
มีการเปลี่ยนแปลงเป็นdata-step="thank_you"
หากคุณใช้แอททริบิวต์นี้เพื่อระบุว่าลูกค้าใช้งานอยู่ในหน้าใดของการชำระเงิน ให้ใช้อ็อบเจกต์ JavaScript “Shopify.Checkout.page” แทน- เพิ่มบัตรแสดงสถานะคำสั่งซื้อแล้ว
การเปลี่ยนแปลงไฟล์ทั่วไป
div.content-box__row
ตอนนี้มีrole="table"
หากลูกค้าอยู่ในขั้นตอนการขอบคุณและมีคิวอาร์โค้ด จะมีการเพิ่ม
show_qr.js
มีการเพิ่มการตรวจสอบเพื่อให้แน่ใจว่าลูกค้าสามารถเข้าถึงขั้นตอนการชำระเงินได้
ตอนนี้บัตรของขวัญจะแสดงด้วย
checkouts/order_status/gift_cards
คำสั่งข้อมูลการติดต่อได้รับการแก้ไขแล้วด้วย
enforce_content_directionality
ข้อมูลการจัดส่งถูกย้ายไปยัง
checkouts/web/checkouts/contact_information/pickup
แล้วมีการรองรับการแสดงรายละเอียดการจัดส่งแบบหลายบรรทัดในแถบสรุปคำสั่งซื้อด้านข้างแล้ว
tr.total-line
จะแสดงเฉพาะเมื่อมีการอัปเดตยอดรวมขณะนี้มีการรองรับบรรทัดการชำระเงินแบบทั่วไป
ขณะนี้มีการรองรับการเปลี่ยนสกุลเงินระหว่างขั้นตอนการชำระเงิน
#payment-gateway-subfields
ขณะนี้มีระดับชั้น: -.radio-wrapper content-box__row .content-box__row--secondary
-.card-fields-container
คำแนะนำการใช้งานบัตรเครดิตได้รับการปรับปรุงและตอนนี้อยู่ใน
div.field__icon
Aria-label จะถูกลบออกจากรายละเอียดอัตราค่าจัดส่งแบบเต็ม
ช่องแบบฟอร์มอัตราค่าจัดส่งย้ายไปยัง
checkouts/web/checkouts/shipping_method/shipping_rate_additional_fields
สถานะโครงสร้าง/ขณะโหลด
สถานะขณะโหลดสำหรับหน้าการชำระเงินได้รับการอัปเดตให้เพิ่มโครงสร้างที่มองเห็นได้ขณะที่โหลดหน้า หรือเลือกซ่อนองค์ประกอบบางอย่างจนกว่าจะโหลดเสร็จสิ้น การแก้ไขเหล่านี้ช่วยปรับเวลาโหลดให้เหมาะสม
วัตถุที่ซ่อนขณะโหลด: -
del.total-recap__original-price
-.total-line__price span.payment-due__currency
-span.order-summary__emphasis
วัตถุที่แสดงโครงสร้างขณะโหลด: -
Span.total-recap__final-price
-.product__price del.order-summary__small-text
-.product__price del.order-summary__emphasis
-.total-line__price span.payment-due__price
-.total-line__price span.order-summary__emphasis
-.total-line__price span.visually-hidden
-.total-line__price.total-line--subtotal span.order-summary__emphasis
ข้อความแจ้งข้อผิดพลาด
เพิ่มข้อความแจ้งข้อผิดพลาดใหม่ไปยังขั้นตอนการชำระเงินแล้ว ซึ่งประกอบด้วย
- คำเตือนหมายเลขพลเมืองได้เพิ่มไปยังช่องที่อยู่แล้ว
- คำเตือนที่ระบุว่าไม่มีอัตราค่าจัดส่งในตะกร้าสินค้า ปลายทาง หรือประเทศแบ่งออกเป็นข้อความแจ้งเตือนที่แตกต่างกันสองข้อความ: ข้อความแจ้งเตือนที่ระบุว่าไม่มีอัตราค่าจัดส่งสำหรับตะกร้าสินค้าหรือปลายทางหนึ่งข้อความ และข้อความเตือนที่ระบุว่าไม่มีอัตราค่าจัดส่งสำหรับประเทศแยกต่างหาก
- แบนเนอร์คำเตือนถูกเพิ่มไปยังขั้นตอนการชำระเงินเมื่อดำเนินการสั่งซื้อเสร็จสิ้นในร้านค้าระยะพัฒนา
- เพิ่มประกาศที่จะปรากฏขึ้นเมื่อจะไม่เรียกเก็บเงินลูกค้าในขั้นตอนการชำระเงิน
- มีการเพิ่มแบนเนอร์คำเตือนเพื่อระบุว่ามีข้อผิดพลาดในการเปลี่ยนแปลงการยืนยันตัวตน
- มีการเพิ่มข้อความแจ้งข้อผิดพลาดที่ระบุว่าวิธีการจัดส่งจะไม่สามารถใช้งานได้ในขั้นตอนการจัดส่งของขั้นตอนการชำระเงิน
การเปลี่ยนแปลงลักษณะประจำข้อมูล
Trekkie ถูกลบออกจากอ็อบเจกต์ต่อไปนี้:
Continue_shipping_button
Get_shipping_updates_button
Shipping_updates_handle_field
Shipping_updates_submit_button
Change_shipping_address_link
breadcrumb_cart_link
apply_discount_button
Have_an_account_login_link
Email_or_phone_field
Email_field
buyer_accepts_marketing_field
Change_billing_address_link
Change_contact_method_link
Change_payment_method_link
Change_pickup_method_link
Change_shipping_address_link
- ช่องป้อนข้อมูลการชำระเงิน:
-
{type}_address_field
-{type}_firstname_field
-{type}_lastname_field
-{type}_company_field
-{type}_address1_google_autocomplete_field
-{type}_address1_field
-{type}_address2_field
-{type}_city_field
-{type}_country_field
-{type}_province_field
-{type}_zip_google_autocomplete_field
-{type}_phone_field
การปรับปรุงการเข้าถึง
มีการเปลี่ยนแปลงหลายอย่างในขั้นตอนการชำระเงินเพื่อให้แน่ใจว่าการปฏิบัติตามมาตรฐานการเข้าถึงเว็บไซต์ การดำเนินการขั้นตอนการชำระเงินสำหรับลูกค้าที่ใช้เทคโนโลยีการเข้าถึงเช่นเครื่องอ่านหน้าจอจะช่วยให้คุณสามารถนำทางขั้นตอนการชำระเงินได้ง่ายขึ้น
เพิ่ม
role="list"
ในul
ต่อไปนี้ -u.breadcrumb
-ul.payment-method-list
-ul.os-timeline
-ul.policy-list
ได้มีการลบคำแนะนำเครื่องมือออกจาก
aria-labelledby
ในtelephone_field
ใน Shop ได้มีการเปลี่ยนแปลงป้ายกำกับอินพุตเพื่ออ้างอิงไปยังโทรศัพท์
เพิ่มส่วนหัว
h3
เมื่อรอภาษีเพิ่มส่วนหัว
h3
เมื่อเปลี่ยนเส้นทางเมื่อโหลดวิธีการจัดส่ง แท็ก
p
ได้เปลี่ยนเป็นแท็กh3
ในตอนนี้การกรอกช่องข้อมูลอัตโนมัติจะอ้างอิง
mobile tel
แทนphone
อัปเดต
div[data-processing-order]
โดยการเพิ่มrole="region"
อัปเดต
div[data-announce-change]
โดยการดำเนินการต่อไปนี้ - เพิ่มrole="region"
- ตั้งค่าaria-labelledby
ให้ตรงกับ ID ขององค์ประกอบส่วนหัว - ตั้งค่าaria-describedby
ให้ตรงกับ ID ขององค์ประกอบคอนเทนเนอร์เนื้อหาอัปเดต
div.content-box blank-slate
โดยการดำเนินการต่อไปนี้ - เพิ่มrole="region"
- ตั้งค่าaria-labelledby
ให้ตรงกับ ID ขององค์ประกอบส่วนหัวกริดการชำระเงินด่วนได้รับการปรับปรุง โดยเปลี่ยนไปใช้องค์ประกอบ
ul
และli
แทนdiv
อัปเดตข้อมูลสรุปคำสั่งซื้อโดยการดำเนินการต่อไปนี้ - ปรับปรุงความชัดเจนของราคาโปรโมชันและราคาปกติ - เปลี่ยน span เป็นแท็ก
dl
- เปลี่ยนแท็กdel
เป็นแท็กdt
และdd
อัปเดตรายละเอียดวิธีการชำระเงินโดยการเปลี่ยนองค์ประกอบต่อไปนี้ -
span.radio__label__accessory
เปลี่ยนเป็นdiv.radio__label__accessory
-span.visually-hidden
เปลี่ยนเป็นh3.visually-hidden
-span.payment-icon-list__more
เปลี่ยนเป็นli.payment-icon-list__more
-span.content-box__small-text
เปลี่ยนเป็นsmall.content-box__small-text