การแก้ไขโค้ดธีม
คุณสามารถแก้ไขโค้ดธีมของคุณเพื่อทำการเปลี่ยนแปลงร้านค้าออนไลน์ของคุณอย่างละเอียดได้ ไฟล์ส่วนใหญ่ที่ประกอบขึ้นเป็นธีมมี Liquid ซึ่งเป็นภาษาเทมเพลตของ Shopify และยังมีไฟล์ธีมแบบ HTML, CSS, JSON และ JavaScript. ควรแก้ไขโค้ดสำหรับธีมหากคุณสามารถใช้งานไฟล์ HTML และ CSS และมีความเข้าใจพื้นฐานเกี่ยวกับ Liquid เท่านั้น
หากคุณแก้ไขโค้ดธีมของคุณ คุณอาจจะทำให้ธีมนั้นไม่สามารถอัปเดตแบบอัตโนมัติได้ คุณควรจะแก้ไขโค้ดธีมของคุณต่อเมื่อคุณไม่สามารถทำการเปลี่ยนแปลงที่ต้องการได้โดยใช้ HTML หรือ การตั้งค่า Liquid หรือ แอป Shopify
ก่อนปรับแต่งธีมของคุณ
ก่อนเริ่มปรับแต่งธีมของคุณ จะดีไม่น้อยหากคุณลองดำเนินการขั้นตอนดังต่อไปนี้:
- ทำซ้ำธีมเพื่อทำสำเนาข้อมูลสำรอง ซึ่งจะทำให้การละทิ้งการเปลี่ยนแปลงของคุณและเริ่มต้นใหม่ง่ายขึ้น หากจำเป็น
- ตรวจสอบให้แน่ใจว่าคุณทราบว่าสามารถใช้งานระดับความช่วยเหลือใดได้บ้าง
- ดูข้อมูลเกี่ยวกับข้อกำหนดและหลักปฏิบัติที่ดีที่สุดสำหรับการอัปโหลดรูปภาพ
แก้ไขโค้ดธีมของคุณ
คุณสามารถแก้ไขรหัสสำหรับธีมของคุณได้
ขั้นตอน:
- ในส่วน Shopify admin ให้ไปที่ร้านค้าออนไลน์ > ธีม
- จากแอป Shopify ให้แตะ ร้านค้า
- ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
- แตะ จัดการธีม
- จากแอป Shopify ให้แตะ ร้านค้า
- ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
- แตะ จัดการธีม
- คลิกที่ การดำเนินการ > แก้ไขรหัส
เครื่องมือแก้ไขรหัสจะแสดงไดเรกทอรีของไฟล์ธีมด้านซ้าย และช่องว่างเพื่อดูและแก้ไขไฟล์ด้านขวา
คุณสามารถขยายเครื่องมือแก้ไขรหัสเพื่อเติมหน้าจอให้เต็มได้โดยคลิกที่ไอคอนขยาย:
คุณสามารถทำให้หน้านั้นกลับเป็นปกติได้ได้โดยคลิกที่ไอคอนย่อ:
เมื่อคุณคลิกไฟล์ในไดเรกทอรีทางด้านซ้าย ไฟล์นั้นจะเปิดขึ้นมาในเครื่องมือแก้ไขรหัส คุณสามารถเปิดและแก้ไขไฟล์หลายไฟล์พร้อมกันได้ โดยไฟล์ใดก็ตามที่คุณแก้ไขจะมีจุดปรากฏอยู่ข้างชื่อไฟล์:
สิ่งนี้สามารถช่วยให้คุณสามารถติดตามการเปลี่ยนแปลงที่คุณได้ทำไว้ได้
เรียกคืนธีมเวอร์ชันเก่าของคุณ
หากคุณได้เปลี่ยนไฟล์ธีมและต้องการเปลี่ยนกลับ คุณสามารถย้อนไฟล์ .liquid
ทีละไฟล์กลับไปยังเวลาและวันที่ก่อนที่คุณจะทำการเปลี่ยนแปลงได้
ในส่วน Shopify admin ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม ... เพื่อเปิดเมนูดำเนินการ จากนั้นคลิกแก้ไขโค้ด
จากแอป Shopify ให้แตะ ร้านค้า
ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
แตะ จัดการธีม
ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม ... เพื่อเปิดเมนูดำเนินการ จากนั้นคลิกแก้ไขโค้ด
จากแอป Shopify ให้แตะ ร้านค้า
ในส่วนช่องทางการขาย ให้แตะ ร้านค้าออนไลน์
แตะ จัดการธีม
ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม ... เพื่อเปิดเมนูดำเนินการ จากนั้นคลิกแก้ไขโค้ด
ใต้ส่วนหัวเทมเพลต ให้คลิกที่หนึ่งในไฟล์ .liquid ที่คุณเพิ่งแก้ไข
คลิกที่ “เวอร์ชันที่เก่ากว่า” ถัดจากชื่อไฟล์
.liquid
คลิกที่เมนูดรอปดาวน์เพื่อเลือกเวอร์ชันที่เก่ากว่า การคลิกที่ datestamp จะเป็นการย้อนโค้ดกลับไปเป็นเวอร์ชันที่บันทึกไว้
ตัวเลือกเสริม: คลิกที่ ดูตัวอย่าง แล้วดูว่าข้อผิดพลาดได้รับการแก้ไขหรือไม่
บทแนะนำการใช้งานการปรับแต่งรหัสธีม
คุณสามารถทำตามบทแนะนำการใช้งานการปรับแต่งโค้ดธีมเพื่อเป็นแนวทางในการเปลี่ยนแปลงร้านค้าออนไลน์ของคุณได้ โดยระบบจะจัดระเบียบบทแนะนำการใช้งานตามประเภทของหน้าหรือฟีเจอร์ที่ต้องการปรับเปลี่ยน
บทแนะนำการใช้งานการปรับแต่งธีมจะแบ่งตามเวอร์ชันของสถาปัตยกรรมธีมที่ใช้ ดูวิธีระบุเวอร์ชันสถาปัตยกรรมธีมของคุณ
รับความช่วยเหลือในการปรับแต่ง
หากคุณต้องการความช่วยเหลือในการเปลี่ยนแปลงธีมของคุณ คุณสามารถติดต่อผู้พัฒนาธีมเพื่อรับความช่วยเหลือได้
หากต้องการดูแหล่งข้อมูลอื่นที่มีอยู่เพื่อช่วยเหลือคุณเกี่ยวกับการปรับแต่งธีม โปรดดูแหล่งข้อมูลเพิ่มเติมสำหรับความช่วยเหลือด้านธีม