การแก้ไขปัญหา

ตรวจสอบปัญหาทั่วไปต่อไปนี้ที่คุณอาจพบเมื่อใช้งานตัวแก้ไขธีมพร้อมวิธีการแก้ไข หากคุณพบปัญหาเกี่ยวกับตัวแก้ไขธีมของคุณ ให้ตรวจสอบว่าปัญหาดังกล่าวอยู่ในรายการด้านล่างหรือไม่

หน้านี้กำลังเปลี่ยนเส้นทางไปยัง URL ที่ไม่สนับสนุน

หากหน้าร้านของคุณมีรหัสที่เปลี่ยนเส้นทางผู้ใช้ไปยัง Url ที่ไม่ได้เชื่อมต่อกับร้านค้าของคุณ ให้ตรวจสอบว่าการเปลี่ยนเส้นทางถูกปิดใช้งานเมื่อคุณเข้าไปที่ตัวแก้ไขธีม

ตัวอย่างเช่น การเปลี่ยนเส้นทางประเภทนี้อาจถูกเพิ่มไปยังหน้าร้านเพื่อให้ลูกค้าไปยังร้านค้า Shopify ที่แตกต่างกันโดยขึ้นอยู่กับตำแหน่งที่ตั้ง โดยรหัสการเปลี่ยนเส้นทางประเภทนี้อาจมีอยู่ในธีมของคุณหรือแอปที่คุณติดตั้ง

เพื่อให้แน่ใจว่าการเปลี่ยนเส้นทางของคุณไม่รบกวนประสบการณ์การใช้งานเครื่องมือแก้ไข ให้ใช้การอ้างอิงตัวแปร window.Shopify.designMode ใน JavaScript เพื่อปิดใช้งานการเปลี่ยนเส้นทางเมื่อคุณเข้าไปที่ตัวแก้ไขธีม ตัวแปรนี้ถูกตั้งค่าเป็น true หากมีการโหลดหน้าร้านในเครื่องมือแก้ไข false เมื่อไม่ได้โหลด

ไม่สามารถโหลดหน้าได้เนื่องจากเกิดข้อผิดพลาดขึ้น

อาจไม่สามารถโหลดหน้าได้ในตัวแก้ไขธีมด้วยเหตุผลหลายประการ ปัญหาที่พบบ่อยมีดังต่อไปนี้:

• ปัญหาการเชื่อมต่อเครือข่าย
• รหัส Liquid ในธีมของคุณไม่ถูกต้อง

หากคุณได้ตรวจสอบยืนยันแล้วว่าปัญหาเหล่านี้ไม่ก่อให้เกิดข้อผิดพลาด ให้ลองเยี่ยมชมร้านค้าออนไลน์ของคุณโดยไปยัง การดำเนินการของธีม > ตัวอย่างธีม ในตัวแก้ไขธีม หากไม่สามารถโหลดหน้าได้ คุณสามารถติดต่อฝ่ายช่วยเหลือของ Shopify เพื่อขอรับความช่วยเหลือเกี่ยวกับหน้าร้านของคุณได้

พบข้อผิดพลาด HTML

หากมีข้อผิดพลาดทางไวยากรณ์ในโค้ดธีมของคุณ ข้อความเตือน “พบข้อผิดพลาดของ HTML” จะแสดงในตัวแก้ไขธีมของคุณ

หากต้องการแก้ไขข้อผิดพลาด ให้ตรวจสอบโค้ดในไฟล์ Liquid ที่อ้างอิงไว้ในข้อความแจ้งข้อผิดพลาด

การค้นหาปัญหาในโค้ดธีมของคุณ

1. คลิกที่ไฟล์ส่วน .liquid ที่ลิงก์กับข้อความแจ้งข้อผิดพลาด การดำเนินการนี้จะนำคุณไปที่หน้าแก้ไข HTML/CSS จากนั้นไฟล์จะเปิดขึ้นในตัวแก้ไขโค้ด

2. ดูโค้ดในไฟล์แล้วลองค้นหา HTML หรือ Liquid ที่ไม่ถูกต้อง ตัวแก้ไขโค้ดจะแสดงข้อผิดพลาดทางรูปแบบภาษาเป็นสีแดง ปัญหาทั่วไปมีดังต่อไปนี้:

   • แท็กปิด HTML ที่เกินมา เช่น การปิด </div> โดยไม่เปิด <div>
   • แท็ก HTML ที่ไม่ได้ปิดที่เกินมา เช่น การเปิด <div> โดยไม่ปิด </div>
   • แท็ก HTML ที่มีรูปแบบผิดปกติ เช่น <div class="my-class" โดยไม่มี >
   • โค้ด Liquid ที่มีรูปแบบผิดปกติ
   • HTML ที่ใช้งานไม่ได้ในไฟล์ส่วนย่อยของธีมที่รวมไว้

3. หลังจากที่คุณพบปัญหาแล้ว ให้แก้ไขโค้ดในไฟล์ธีมของคุณ

4. คลิกที่ “บันทึก”

5. คลิกที่ “ปรับแต่ง” เพื่อกลับไปยังตัวแก้ไขธีมและยืนยันว่าข้อความแจ้งข้อผิดพลาดได้หายไปแล้ว

วิธีแก้ไขปัญหาอื่นๆ

หากคุณยังประสบปัญหาเกี่ยวกับธีมหลังจากตรวจสอบขั้นตอนการแก้ไขปัญหาทั่วไป โปรดพิจารณาทางเลือกต่อไปนี้:

• เรียกคืนไฟล์ธีมเวอร์ชันเก่าของคุณ
• ติดตั้งและเปลี่ยนไปใช้ธีมเวอร์ชันใหม่จาก Theme Store
• ดูข้อมูลความช่วยเหลือเกี่ยวกับธีมของคุณ