การแก้ไขโค้ดธีม

คุณสามารถแก้ไขโค้ดธีมของคุณเพื่อทำการเปลี่ยนแปลงร้านค้าออนไลน์ของคุณอย่างละเอียดได้ไฟล์ส่วนใหญ่ที่ประกอบขึ้นเป็นธีมมี液体ซึ่งเป็นภาษาเทมเพลตของShopifyและยังมีไฟล์ธีมแบบHTML, CSS, JSONและJavaScript。ควรแก้ไขโค้ดสำหรับธีมหากคุณสามารถใช้งานไฟล์HTMLและCSSและมีความเข้าใจพื้นฐานเกี่ยวกับ液体เท่านั้น

ก่อนปรับแต่งธีมของคุณ

หากต้องการเตรียมพร้อมสำหรับการปรับแต่งธีมของคุณให้ดำเนินการตามงานที่แนะนำต่อไปนี้:

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

แก้ไขรหัสธีมของคุณ

คุณสามารถแก้ไขรหัสสำหรับธีมของคุณได้

ขั้นตอน:

  1. คลิก...>“แก้ไขรหัส”

เครื่องมือแก้ไขรหัสจะแสดงไดเรกทอรีของไฟล์ธีมด้านซ้ายและช่องว่างเพื่อดูและแก้ไขไฟล์ด้านขวา

เมื่อคุณคลิกไฟล์ในไดเรกทอรีทางด้านซ้ายไฟล์นั้นจะเปิดขึ้นมาในเครื่องมือแก้ไขรหัสคุณสามารถเปิดและแก้ไขไฟล์หลายไฟล์พร้อมกันได้โดยไฟล์ใดก็ตามที่คุณแก้ไขจะมีจุดปรากฏอยู่ข้างชื่อไฟล์:

ไดเรกทอรีของไฟล์ธีมที่แสดงจุดติดกับไฟล์ที่แก้ไขแล้ว

สิ่งนี้สามารถช่วยให้คุณสามารถติดตามการเปลี่ยนแปลงที่คุณได้ทำไว้ได้

เรียกคืนธีมเวอร์ชันเก่าของคุณ

หากคุณได้เปลี่ยนไฟล์ธีมและต้องการเปลี่ยนกลับคุณสามารถย้อนไฟล์.liquidทีละไฟล์กลับไปยังเวลาและวันที่ก่อนที่คุณจะทำการเปลี่ยนแปลงได้

  1. ใต้ส่วนหัวเทมเพลต全液态的,全液态的,全液态的

  2. คลิกที่เวอร์ชันปัจจุบัน.liquidชื่อไฟล์

  3. คลิกที่เมนูดรอปดาวน์เพื่อเลือกเวอร์ชันที่เก่ากว่าการคลิกที่日期戳จะเป็นการย้อนโค้ดกลับไปเป็นเวอร์ชันที่บันทึกไว้

  4. ตัวเลือกเสริม:คลิกดูตัวอย่างร้านค้าเพื่อตรวจสอบยืนยันว่าแก้ไขข้อผิดพลาดแล้ว

ตรวจสอบธีม

ตัวแก้ไขรหัสประกอบด้วยการตรวจสอบธีมซึ่งเป็นฟีเจอร์ที่ช่วยป้องกันข้อผิดพลาดโดยการให้ความคิดเห็นทันทีในขณะเขียนรหัสแทนที่จะไปค้นพบข้อผิดพลาดในธีมที่ใช้อยู่ของคุณ

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

  • สคริปต์การบล็อกพาร์เซอร์ซึ่งอาจทำให้หน้าร้านทำงานช้าลง
  • ความไม่สอดคล้องกันระหว่างไฟล์การแปลเช่นไม่มีคีย์การแปลหรือการแปลที่ไม่ตรงกันในไฟล์ภาษาท้องถิ่น
  • ไม่มีเทมเพลต

ข้อผิดพลาดจะระบุด้วยเส้นสีแดงใต้รหัสหากต้องการดูข้อผิดพลาดให้เลื่อนเมาส์ไปที่เส้นที่มีการไฮไลต์

ตัวอย่างของการตรวจสอบธีมที่ตรวจพบข้อผิดพลาดของรหัส

บทแนะนำการใช้งานการปรับแต่งรหัสธีม

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

บทแนะนำการใช้งานการปรับแต่งธีมจะแบ่งตามเวอร์ชันของสถาปัตยกรรมธีมที่ใช้ดูวิธีระบุเวอร์ชันสถาปัตยกรรมธีมของคุณ

รับความช่วยเหลือในการปรับแต่ง

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

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

พร้อมเริ่มต้นการขายด้วยShopifyแล้วหรือยัง

ทดลองใช้งานฟรี