การแก้ไขปัญหาธีมร้านค้าออนไลน์ของคุณ
คู่มือนี้จะช่วยคุณในการแก้ไขปัญหาที่พบบ่อยเกี่ยวกับธีมร้านค้าออนไลน์ของคุณ ซึ่งรวมถึงปัญหาด้านการแสดงผล องค์ประกอบที่ขาดหายไป และปัญหาด้านฟังก์ชันการทำงาน โปรดดำเนินการตามขั้นตอนการแก้ไขปัญหาทั่วไปให้เสร็จสิ้นก่อนที่จะไปที่การแก้ไขปัญหาที่เฉพาะเจาะจง หากคุณยังคงประสบปัญหาหลังจากปฏิบัติตามคู่มือนี้แล้ว คุณสามารถติดต่อทีมให้ความช่วยเหลือเกี่ยวกับธีมของคุณได้
ในหน้านี้
ขั้นตอนที่ 1: การแก้ไขปัญหาทั่วไป
โปรดดำเนินการตามขั้นตอนต่อไปนี้เพื่อระบุสาเหตุของปัญหาในธีมของคุณ
- ตรวจสอบว่าปัญหาไม่ได้เกิดจากอุปกรณ์ของคุณปัญหาเฉพาะที่มักเกิดจากการตั้งค่าอุปกรณ์หรือเบราว์เซอร์ หรือปัญหาการเชื่อมต่ออินเทอร์เน็ต โปรดลองทำตามขั้นตอนต่อไปนี้
- ล้างแคชและคุกกี้ของเบราว์เซอร์ หากคุณเข้าสู่ระบบศูนย์ช่วยเหลือของ Shopify ด้วยบัญชีผู้ใช้ Shopify ของคุณ การล้างแคชและคุกกี้ของเบราว์เซอร์จะทำให้คุณออกจากระบบบัญชีผู้ใช้ของคุณ
- ลองใช้โหมดไม่ระบุตัวตน อุปกรณ์อื่น หรือแอป Shopify
- ลองใช้ข้อมูลมือถือหรือการเชื่อมต่ออินเทอร์เน็ตอื่น
- ตรวจสอบว่าเบราว์เซอร์ของคุณเป็นเวอร์ชันล่าสุด
- โปรดตรวจสอบว่าเบราว์เซอร์ไม่ได้ตั้งค่าให้บล็อกคุกกี้ทั้งหมด เนื่องจากบางแอปอาจแสดงผลไม่ถูกต้องหากไม่มีคุกกี้
- โปรดตรวจสอบว่าคุณไม่ได้ใช้ Virtual Private Network (VPN) หรือเปิดใช้งานไฟร์วอลล์ที่บล็อก Shopify
- ทดสอบปัญหาในธีมอื่น: หากคุณยังคงพบปัญหาในอุปกรณ์ เบราว์เซอร์ หรือการเชื่อมต่ออินเทอร์เน็ตอื่นๆ แสดงว่าปัญหานี้ไม่ใช่ปัญหาที่เกิดจากเครื่องของคุณและสามารถเกิดซ้ำได้ โปรดไปที่ Theme Store และติดตั้งธีมเวอร์ชันใหม่แล้วทดสอบว่าปัญหายังคงเกิดขึ้นในธีมเวอร์ชันล่าสุดหรือไม่ การติดตั้งธีมอื่น เช่น ธีมฟรีของ Shopifyก็เป็นแนวทางปฏิบัติที่ดีเช่นกัน เนื่องจากคุณจะสามารถระบุได้ว่าปัญหาเกิดจากธีมนั้นๆ โดยเฉพาะ หรือธีมทั้งหมดกำลังประสบปัญหาเดียวกัน หลังจากทดสอบธีมอื่นๆ แล้ว:
- หากปัญหาเกิดขึ้นเฉพาะกับธีมปัจจุบันของคุณและธีมเวอร์ชันที่อัปเดตแล้วซึ่งยังไม่มีการปรับแต่งใดๆ คุณอาจจำเป็นต้องรับความช่วยเหลือเกี่ยวกับธีมของคุณ
- หากปัญหาของคุณเกิดขึ้นบนธีมปัจจุบันเท่านั้น อาจมีโค้ดธีมบางส่วนที่เป็นสาเหตุของปัญหา หากคุณทราบว่าไฟล์ธีมใดถูกเปลี่ยนแปลง หรือสามารถระบุไฟล์ที่ได้รับผลกระทบได้ คุณสามารถกู้คืนเวอร์ชันก่อนหน้าของไฟล์นั้นที่มีให้ใช้งานได้ในมุมมองไทม์ไลน์ของโปรแกรมแก้ไขโค้ด การกู้คืนกลับเป็นเวอร์ชันก่อนหน้าจะแทนที่เนื้อหาของไฟล์ทั้งหมด ดังนั้นโปรดคัดลอกเนื้อหาของไฟล์ปัจจุบันไปไว้ในที่ปลอดภัยก่อนหากคุณต้องการเก็บการเปลี่ยนแปลงใดๆ ไว้ หากคุณไม่ได้แก้ไขโค้ดในธีม คุณอาจต้องตรวจสอบการตั้งค่าธีมของคุณ ตัวอย่างเช่น หากปุ่มเพิ่มลงในตะกร้าไม่แสดงขึ้น ให้ตรวจสอบสีสำหรับปุ่มในการตั้งค่าธีมของคุณ และตรวจสอบให้แน่ใจว่าเป็นสีที่ต่างกันและตัดกัน
- หากปัญหาเกิดขึ้นกับทุกธีม อาจเป็นเพราะการตั้งค่าส่วนผู้ดูแล Shopify แอป หรือปัญหาอื่นๆ
- ทดสอบว่าปัญหามาจากแอปหรือไม่: หากคุณเพิ่งติดตั้งหรืออัปเดตแอปใดๆ ที่ส่งผลกระทบต่อหน้าร้านของคุณ คุณอาจต้องถอนการติดตั้งแอปนั้นชั่วคราว หากปัญหาไม่เกิดขึ้นหลังจากถอนการติดตั้งแอปแล้ว คุณสามารถติดต่อทีมให้ความช่วยเหลือของผู้พัฒนาแอปเพื่อขอความช่วยเหลือเพิ่มเติมในการทำให้แอปแสดงผลอย่างถูกต้องบนหน้าร้านของคุณได้ ดูข้อมูลเพิ่มเติมเกี่ยวกับการรับความช่วยเหลือเกี่ยวกับแอปของคุณ หากปัญหายังคงอยู่หลังจากถอนการติดตั้งแอป แสดงว่าแอปไม่ใช่ต้นตอของปัญหา
ขั้นตอนที่ 2: เลือกปัญหาเกี่ยวกับธีม
การแก้ไขปัญหารูปภาพที่แสดงผลผิดปกติ
รูปภาพอาจแสดงผลแตกต่างจากที่คุณคาดหวัง ซึ่งอาจเป็นเพราะตัวรูปภาพเองไม่เข้ากันกับส่วนที่คุณกำลังใช้รูปภาพนั้นในธีมของคุณ โปรดตรวจสอบว่าขนาดรูปภาพในรูปภาพที่คุณใช้นั้นถูกต้อง ตรวจสอบรายการปัญหาการแสดงผลทั่วไปต่อไปนี้ที่อาจเกิดขึ้นเมื่ออัปโหลดรูปภาพที่เข้ากันไม่ได้:
- หากส่วนหัวของคุณแสดงขนาดใหญ่ขึ้นและรูปภาพโลโก้แสดงขนาดเล็กกว่าที่คุณคาดไว้ อาจเป็นเพราะมีพื้นที่ว่างในไฟล์รูปภาพโลโก้ พื้นที่ว่างดังกล่าวอาจทำให้โลโก้แสดงขนาดเล็กลงและส่วนหัวแสดงขนาดใหญ่ขึ้น โปรดแก้ไขไฟล์รูปภาพโดยครอบตัดรูปภาพให้พอดีกับโลโก้เพื่อไม่ให้มีพื้นที่ว่างเหลืออยู่
- หากรูปภาพสไลด์โชว์ของคุณถูกครอบตัด นั่นคือการออกแบบมาเพื่อให้แน่ใจว่ารูปภาพจะแสดงผลเหมือนกันทั้งบนมือถือและเดสก์ท็อป เนื่องจากเนื้อหาจะแสดงผลเล็กลงมากบนหน้าจอมือถือ รายละเอียดจำนวนมากอาจหายไปจากการย่อขนาดเนื้อหา ดังนั้นเนื้อหาจึงถูกครอบตัดเพื่อให้แน่ใจว่ารายละเอียดจะไม่สูญหายไป รูปภาพแนวตั้งซึ่งสูงกว่าความกว้าง ก็สามารถใช้พื้นที่บนเดสก์ท็อปจำนวนมากได้เช่นกัน นี่คือเหตุผลที่รูปภาพสไลด์โชว์มีความสูงสูงสุด คุณสามารถ เพิ่มจุดโฟกัส ให้กับรูปภาพสไลด์โชว์ของคุณเพื่อให้แน่ใจว่าจุดโฟกัสจะอยู่ตรงกลางรูปภาพสไลด์โชว์เสมอ
ตัวเลือกความสูงที่ปรับเปลี่ยนได้: ธีม Shopify จำนวนมากมีการตั้งค่าความสูงที่ปรับเปลี่ยนได้สำหรับสไลด์โชว์ ซึ่งจะปรับความสูงของสไลด์โชว์ให้เข้ากับสไลด์รูปภาพแรก ซึ่งจะช่วยลดการครอบตัดในหน้าจอขนาดต่างๆ ฟีเจอร์นี้มีให้ใช้งานในธีมที่รองรับในปัจจุบันทั้งหมดที่พัฒนาโดย Shopify
- หากรูปภาพ GIF แสดงผลไม่ถูกต้องและถูกเพิ่มไปยังหน้าร้านของคุณด้วยเครื่องมือแก้ไข Rich Text เช่น ในคำอธิบายสินค้าหรือในบล็อกโพสต์ อาจเป็นเพราะขนาดของรูปภาพ คุณสามารถแก้ไขปัญหานี้ได้โดยการคลิกที่ GIF ในเครื่องมือแก้ไข Rich Text แล้วคลิกที่ แก้ไขรูปภาพ ในเมนูดรอปดาวน์ขนาดรูปภาพ ให้เลือกดั้งเดิม จากนั้นคุณสามารถปรับขนาด GIF ได้โดยการคลิกและลากมุมของรูปภาพเข้ามาเพื่อทำให้เล็กลง หรือลากออกไปเพื่อทำให้ใหญ่ขึ้น
- หากรูปภาพของคุณมีการเปลี่ยนแปลงสีอย่างเห็นได้ชัดบนหน้าร้านเมื่อเทียบกับรูปภาพต้นฉบับ ก็อาจเป็นเพราะรูปภาพของคุณไม่ได้อยู่ในโทนสีมาตรฐาน Red Green Blue (sRBG) หากต้องการแก้ไขการเปลี่ยนแปลงสีนี้ ให้บันทึกไฟล์ของคุณในแอปพลิเคชันแก้ไขรูปภาพเป็น sRBG คำที่ใช้เรียกโดยทั่วไปสำหรับขั้นตอนนี้ได้แก่ ปรับให้เหมาะกับเว็บ ปรับรูปภาพสำหรับเว็บ หรือบันทึกสำหรับเว็บ ดูข้อมูลเพิ่มเติมเกี่ยวกับโปรไฟล์สี
- หากรูปภาพสินค้าบนหน้าคอลเลกชันของคุณจัดเรียงไม่ตรงกัน คุณอาจต้องปรับอัตราส่วนภาพในไฟล์รูปภาพสินค้าเพื่อให้มีอัตราส่วนความสูงต่อความกว้างเท่ากัน จากนั้นจึงอัปโหลดรูปภาพสินค้าอีกครั้ง คุณยังสามารถใช้แอปแก้ไขรูปภาพจาก Shopify App Store ได้อีกด้วย
การแก้ไขปัญหาสินค้าหรือคอลเลกชันที่แสดงผลผิดปกติ
ตรวจสอบปัญหาต่อไปนี้และขั้นตอนที่จะช่วยคุณแก้ไขปัญหาที่เกิดขึ้น:
- สินค้าหายไป: หากสินค้าของคุณหายไปจากหน้าร้าน คุณอาจต้องตรวจสอบสถานะและช่องทางการขายของคุณในส่วนการเผยแพร่ของสินค้าในส่วนผู้ดูแล Shopify ของคุณ โปรดตรวจสอบว่าสถานะสินค้าเป็นใช้งานอยู่และสินค้าพร้อมจำหน่ายในร้านค้าออนไลน์
- คอลเลกชันหายไป: หากคอลเลกชันของคุณหายไปจากหน้าร้าน คุณอาจต้องตรวจสอบช่องทางการขายในส่วนการเผยแพร่ของคอลเลกชันในส่วนผู้ดูแล Shopify ของคุณ โปรดตรวจสอบว่าคอลเลกชันพร้อมจำหน่ายในร้านค้าออนไลน์ และคอลเลกชันของคุณถูกเพิ่มไปยังเมนูของคุณแล้ว
- คอลเลกชันแสดงผลแต่สินค้าหายไป: หากคอลเลกชันของคุณแสดงผลแต่มีสินค้าหายไป คุณอาจต้องตรวจสอบตัวกรองแท็กสำหรับคอลเลกชันในการตั้งค่าเมนูของคุณ โปรดตรวจสอบว่าไม่มีแท็กในช่องกรองคอลเลกชันด้วยแท็กที่อาจทำให้สินค้าไม่แสดง
- สกุลเงินไม่ถูกต้อง: หากสกุลเงินของคุณแสดงผลไม่ถูกต้องสำหรับสินค้าหรือในคอลเลกชันของคุณ คุณอาจต้องตรวจสอบการแสดงสกุลเงินในส่วนค่าเริ่มต้นของร้านค้าในการตั้งค่า > ทั่วไป เพื่อตรวจสอบว่าไม่มีโค้ดเพิ่มเติม ดูข้อมูลเพิ่มเติมเกี่ยวกับการจัดรูปแบบวิธีแสดงสกุลเงินให้ลูกค้าของคุณ
- สินค้าบางรายการแสดงผลแตกต่างออกไป: หากสินค้าหรือคอลเลกชันบางรายการแสดงผลแตกต่างจากรายการอื่น ให้ตรวจสอบเทมเพลตธีมที่กําหนดให้กับสินค้าหรือคอลเลกชันในส่วนผู้ดูแล Shopify ของคุณ
- ไม่สามารถแก้ไขเทมเพลตสินค้าหรือคอลเลกชัน: หากเทมเพลตสินค้าหรือคอลเลกชันเริ่มต้นเป็นสีเทาและไม่สามารถเลือกได้ในตัวแก้ไขธีม คุณต้องกำหนดให้สินค้าหรือคอลเลกชันอย่างน้อย 1 รายการพร้อมใช้งานในช่องทางการขายร้านค้าออนไลน์ คุณจะไม่สามารถแก้ไขเทมเพลตเริ่มต้นเหล่านี้ได้หากไม่มีสินค้าหรือคอลเลกชันที่พร้อมใช้งานเพื่อแสดงตัวอย่างการเปลี่ยนแปลง ดูข้อมูลเพิ่มเติมเกี่ยวกับการเปลี่ยนความพร้อมของคอลเลกชันและการตั้งค่าความพร้อมของสินค้าในช่องทางการขายของคุณ
การแก้ไขปัญหาเนื้อหาที่แปลแล้วแสดงผลผิดปกติ
หากเนื้อหาที่แปลแล้วของคุณแสดงผลไม่ถูกต้องหรือหายไปจากหน้าร้านของคุณ อาจเป็นไปได้ว่าคำแปลล้าสมัยหรือเนื้อหานั้นไม่มีคำแปล เนื้อหาอาจอยู่ในเทมเพลตเฉพาะสำหรับตลาดใดตลาดหนึ่ง เมื่อใดก็ตามที่คุณเพิ่มเนื้อหาใหม่ในภาษาเริ่มต้นของคุณ อย่าลืมเรียกใช้การแปลอัตโนมัติอีกครั้ง หรือเพิ่มคำแปลใหม่ด้วยตนเอง
สถานะต่อไปนี้สามารถใช้ได้กับเนื้อหาที่แปลแล้ว:
- แปลแล้ว: เนื้อหามีคำแปลที่พร้อมใช้งาน
- ล้าสมัย: เนื้อหาในภาษาเริ่มต้นได้รับการอัปเดตแล้ว แต่คำแปลยังไม่ได้อัปเดตตาม
- ยังไม่ได้แปล: ไม่มีคำแปลสำหรับเนื้อหาประเภทนี้
เมื่อตรวจสอบเนื้อหาที่แปลแล้วของคุณ ให้อัปเดตเนื้อหาที่ยังไม่ได้แปลหรือล้าสมัย จากนั้นเนื้อหาที่แปลแล้วของคุณก็จะแสดงผลอย่างถูกต้อง
ดูข้อมูลเพิ่มเติมเกี่ยวกับการแปลและการปรับเนื้อหาร้านค้าของคุณให้เข้ากับท้องถิ่น
การแก้ไขปัญหาความแตกต่างระหว่างตัวแก้ไขธีมและหน้าร้าน
หากหน้าร้านและตัวแก้ไขธีมของคุณไม่แสดงข้อมูลเดียวกัน ให้ตรวจสอบเทมเพลตธีมที่คุณกำลังแก้ไขอยู่ คุณอาจต้องแก้ไขเพื่ออัปเดตเทมเพลตธีมของคุณให้แสดงข้อมูลที่ถูกต้อง
การแทนที่ตลาดช่วยให้คุณสร้างหน้าร้านที่แตกต่างกันสำหรับตลาดต่างๆ และแสดงเนื้อหาที่แปลแล้วได้ คุณอาจทำงานในตลาดที่เฉพาะเจาะจงหรือตลาด B2B โดยไม่ได้ตั้งใจขณะที่ทำการอัปเดต ให้ค้นหาเนื้อหาโดยใช้เมนูดรอปดาวน์ตลาดในตัวแก้ไขธีมเพื่อให้แน่ใจว่าเนื้อหาอยู่ในตลาดที่ถูกต้อง
ดูข้อมูลเพิ่มเติมเกี่ยวกับการแทนที่ตลาด
การแก้ไขปัญหาความแตกต่างในการแสดงผลบนมือถือและเดสก์ท็อป
ธีมทั้งหมดที่มีอยู่ใน Shopify Theme Store เป็นธีมที่ปรับตามการแสดงผลหน้าจอ ซึ่งหมายความว่าธีมจะปรับตามขนาดของหน้าจอ ในตัวแก้ไขธีม คุณสามารถสลับมุมมองขนาดหน้าจอระหว่างการแก้ไขธีมเพื่อตรวจสอบว่าหน้าและรูปภาพของคุณแสดงผลอย่างถูกต้อง ดูข้อมูลเพิ่มเติมเกี่ยวกับการดูขนาดหน้าจอต่างๆ ในตัวแก้ไขธีม
ส่วนและบล็อกจำนวนมากมีการตั้งค่าสำหรับมือถือที่คุณสามารถปรับแต่งได้ ตัวอย่างเช่น คุณสามารถกำหนดจำนวนคอลัมน์บนมือถือในส่วนสินค้าที่เกี่ยวข้องได้ คุณสามารถตรวจสอบการตั้งค่าส่วนที่เกี่ยวข้องกับมือถือสำหรับแต่ละเทมเพลตเพื่อแก้ไขปัญหาการแสดงผลบนขนาดหน้าจอมือถือได้
ฟีเจอร์ของธีมบางอย่างอาจแสดงผลบนมือถือแตกต่างจากบนเดสก์ท็อป เพื่อให้แน่ใจว่าธีมสามารถเข้าถึงได้ในทุกขนาดหน้าจอ ตัวอย่างเช่น บนหน้าจอเดสก์ท็อป สไลด์โชว์ของคุณอาจมีการวางซ้อนข้อความ โดยข้อความจะแสดงอยู่ด้านบนของรูปภาพซึ่งมักจะมีความทึบของสีรูปภาพหรือเงาข้อความ แต่สำหรับขนาดหน้าจอมือถือ ข้อความอาจแสดงอยู่ใต้สไลด์โชว์ ซึ่งนี่คือฟีเจอร์ด้านความสามารถในการเข้าถึงที่ออกแบบมาเพื่อให้สามารถอ่านข้อความได้ในทุกขนาดหน้าจอ หากข้อความเป็นการวางซ้อน ข้อความจะแสดงผลเล็กมากบนมือถือทำให้อ่านได้ยาก
หากส่วนคอลเลกชันเด่นหรือหน้าคอลเลกชันของคุณแสดงขนาดที่ไม่สอดคล้องกันหรือไม่จัดเรียงเมื่อดูหน้าร้านของคุณบนมือถือ อาจเป็นเพราะอัตราส่วนภาพไม่สอดคล้องกัน กริดรูปภาพ เช่น รูปภาพสินค้าที่แสดงในคอลเลกชันหรือคอลเลกชันเด่น สร้างขึ้นมาเพื่อปรับตามขนาดหน้าจอ หากคุณมีอัตราส่วนภาพที่ไม่สอดคล้องกันสำหรับรูปภาพของคุณในกริดรูปภาพ รูปภาพอาจแสดงผลแตกต่างกันไปขึ้นอยู่กับขนาดของหน้าจอ รูปภาพสินค้าทรงสี่เหลี่ยมจัตุรัสขนาด 2048 x 2048 พิกเซลมักจะใช้งานได้ดีที่สุดในกริดสินค้า อัปเดตรูปภาพของคุณให้มีอัตราส่วนภาพที่สอดคล้องกันเพื่อการปรับให้เหมาะสมในทุกขนาดหน้าจอ ดูข้อมูลเพิ่มเติมเกี่ยวกับอัตราส่วนภาพของรูปภาพ
การแก้ไขปัญหาเกี่ยวกับเครื่องมือแก้ไข Rich Text
ในบางครั้ง โค้ด HTML ที่เพิ่มในเครื่องมือแก้ไข Rich Text ของคุณอาจขัดแย้งกับโค้ดธีมของคุณ หากปัญหานี้เกิดขึ้นในหน้าเดียว เช่น หน้าสินค้า หน้าเว็บ หรือบล็อกโพสต์ อาจเป็นเพราะมี HTML ส่วนเกิน ซึ่งในบางครั้งอาจเพิ่มเข้ามาจากการคัดลอกและวางข้อความจากเว็บไซต์อื่น
ตรวจสอบโค้ด HTML
คุณสามารถตรวจสอบโค้ด HTML ในเครื่องมือแก้ไข Rich Text ได้
ขั้นตอน:
- ไปที่หน้าดังกล่าวในส่วนผู้ดูแลของคุณ
- คลิกปุ่ม
แสดง HTML เพื่อตรวจสอบโค้ด HTML
- ค้นหาโค้ด HTML ที่อาจทำให้เกิดปัญหาในการแสดงผลและลบออก
- คลิกที่บันทึก
ล้างการจัดรูปแบบ
คุณสามารถไฮไลต์ส่วนของข้อความและล้างการจัดรูปแบบ HTML ได้
ขั้นตอน:
- ไปที่หน้าดังกล่าวในส่วนผู้ดูแลของคุณ
- ไฮไลต์ข้อความที่มีปัญหาการจัดรูปแบบ
- คลิกที่ปุ่ม 🚫
- คลิกที่บันทึก
ดูข้อมูลเพิ่มเติมเกี่ยวกับเครื่องมือแก้ไข Rich Text
การแก้ไขปัญหาการเปลี่ยนเส้นทางไปยัง URL ที่ไม่รองรับ
หากหน้าร้านของคุณมีโค้ดที่เปลี่ยนเส้นทางผู้ใช้ไปยัง URL ที่ไม่ได้เชื่อมต่อกับร้านค้าของคุณ ให้ตรวจสอบว่าได้ปิดใช้งานการเปลี่ยนเส้นทางแล้วเมื่อคุณไปที่ตัวแก้ไขธีม
ตัวอย่างเช่น อาจมีการเพิ่มการเปลี่ยนเส้นทางประเภทนี้ไปยังหน้าร้านเพื่อนำลูกค้าไปยังร้านค้า Shopify อื่นๆ โดยขึ้นอยู่กับตำแหน่งที่ตั้งของลูกค้า โค้ดเปลี่ยนเส้นทางประเภทนี้อาจมีอยู่ในธีมของคุณหรือแอปที่คุณติดตั้งไว้
หากต้องการตรวจสอบว่าการเปลี่ยนเส้นทางของคุณไม่รบกวนการใช้งานตัวแก้ไข ให้ใช้การอ้างอิงถึงตัวแปร window.Shopify.designMode ใน JavaScript เพื่อปิดใช้งานการเปลี่ยนเส้นทางเมื่อคุณไปที่ตัวแก้ไขธีม ตัวแปรนี้จะถูกตั้งค่าเป็น true เมื่อมีการโหลดหน้าร้านในตัวแก้ไข และเป็น false เมื่อไม่มีการโหลด
การแก้ไขปัญหาเนื้อหาแบบไดนามิกในธีมบล็อก
หากคุณมีบล็อกที่ยุบได้หรือธีมบล็อกอื่นๆ ที่แสดงเนื้อหาเดียวกันในทุกหน้าสินค้า คุณจะต้องตั้งค่าซอร์สแบบไดนามิกด้วยเมตาฟิลด์ ซึ่งมักจะเกิดขึ้นเมื่อผู้ขายเพิ่มข้อมูลเฉพาะของสินค้า เช่น ส่วนผสมหรือคำแนะนำในการดูแลรักษา ลงในสินค้าชิ้นหนึ่ง แต่ข้อมูลดังกล่าวกลับแสดงในสินค้าทุกชิ้น
บล็อกที่ยุบได้แสดงข้อความเดียวกันในสินค้าทุกรายการ
เมื่อคุณเพิ่มเนื้อหาลงในบล็อกแบบพับเก็บได้ในตัวแก้ไขธีมโดยตรง เนื้อหาดังกล่าวจะแสดงในหน้าสินค้าทุกหน้า หากต้องการแสดงเนื้อหาเฉพาะสำหรับสินค้านั้นๆ คุณต้องใช้ซอร์สแบบไดนามิกที่มีเมตาฟิลด์ดังนี้
- ในส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ การตั้งค่า > เมตาฟิลด์ > สินค้า
- คลิกที่เพิ่มคำจำกัดความ
- ป้อนชื่อสำหรับเมตาฟิลด์ของคุณ จากนั้นคลิกที่เลือกประเภทเนื้อหา
- เลือกข้อความและข้อความหลายบรรทัด
- คลิกที่บันทึก
- ไปที่หน้าสินค้าในส่วนผู้ดูแลของคุณ แล้วเลื่อนไปที่ส่วนเมตาฟิลด์ที่ด้านล่างของหน้า
- เพิ่มเนื้อหาเฉพาะของสินค้าลงในเมตาฟิลด์ที่คุณสร้างขึ้น
- ในตัวแก้ไขธีมของคุณ ให้ไปที่เทมเพลตสินค้าและค้นหาส่วนแถวที่ยุบได้ของคุณ
- ในการตั้งค่าเนื้อหาของแถว ให้คลิกปุ่ม
- เลือกเมตาฟิลด์ของคุณจากตัวเลือกที่มีอยู่
- บันทึกการเปลี่ยนแปลงของคุณ
ตอนนี้สินค้าแต่ละรายการจะแสดงเนื้อหาของตัวเองเมื่อกรอกเมตาฟิลด์ และจะไม่มีเนื้อหาแสดงหากเมตาฟิลด์สำหรับสินค้านั้นว่างเปล่า
ดูข้อมูลเพิ่มเติมเกี่ยวกับการแสดงเมตาฟิลด์ในร้านค้าออนไลน์ของคุณ และการใช้เมตาฟิลด์และเมตาอ็อบเจกต์กับซอร์สแบบไดนามิก
การแก้ไขปัญหาข้อความแสดงข้อผิดพลาดของโค้ด
หากมีข้อผิดพลาดทางไวยากรณ์ในโค้ดธีมของคุณ ข้อความเตือน HTML error found หรือ Theme error จะแสดงในตัวแก้ไขธีมของคุณ ข้อความแสดงข้อผิดพลาดจะแสดงไฟล์ Liquid ที่มีข้อผิดพลาดดังกล่าว
ข้อความเตือน The theme you're looking for couldn't be found อาจแสดงขึ้นเมื่อมี HTML ที่เสียหาย หน้าเว็บอาจโหลดในตัวแก้ไขธีมไม่สำเร็จด้วยเหตุผลหลายประการ เช่น
- ปัญหาการเชื่อมต่อเครือข่าย
- โค้ด Liquid ที่ไม่ถูกต้องในธีมของคุณ
คุณสามารถค้นหาการเปลี่ยนแปลงโค้ดในโค้ดธีมของคุณและแก้ไขโค้ดให้ถูกต้องได้ หากคุณสามารถระบุไฟล์ที่มีอยู่ซึ่งได้รับผลกระทบได้ คุณจะสามารถกู้คืนไฟล์ดังกล่าวกลับเป็นเวอร์ชันก่อนหน้าที่มีให้ใช้งานได้ในมุมมองไทม์ไลน์ของโปรแกรมแก้ไขโค้ด
ขั้นตอน:
- คลิกไฟล์ส่วน
.liquidที่ลิงก์อยู่ในข้อความแสดงข้อผิดพลาด หรือตรวจสอบไฟล์เพื่อดูการเปลี่ยนแปลงล่าสุด การดำเนินการนี้จะนำคุณไปยังหน้าแก้ไข HTML/Cascading Style Sheets (CSS) และไฟล์จะเปิดขึ้นในเครื่องมือแก้ไขโค้ด - เรียกดูโค้ดในไฟล์และพยายามค้นหา HTML หรือ Liquid ที่ไม่ถูกต้อง ตัวแก้ไขโค้ดจะแสดงข้อผิดพลาดทางไวยากรณ์ที่อาจเกิดขึ้นเป็นสีแดง ปัญหาทั่วไปมีดังต่อไปนี้
- มีแท็ก HTML สำหรับปิดเกินมา เช่น แท็กปิด
</div>ที่ไม่มีแท็กเปิด<div> - แท็ก HTML ที่เปิดค้างไว้เกินมา เช่น แท็กเปิด
<div>ที่ไม่มีแท็กปิด</div> - แท็ก HTML ที่มีรูปแบบไม่ถูกต้อง เช่น
<div class="my-class"ที่ไม่มี> - โค้ด Liquid ที่มีรูปแบบไม่ถูกต้อง
- HTML ที่เสียหายในไฟล์ส่วนย่อยของธีมที่รวมอยู่
- มีแท็ก HTML สำหรับปิดเกินมา เช่น แท็กปิด
- หลังจากพบปัญหาแล้ว ให้แก้ไขโค้ดในไฟล์ธีมของคุณ หากคุณใช้มุมมองไทม์ไลน์ของโปรแกรมแก้ไขโค้ดเพื่อเลือกเวอร์ชันก่อนหน้าและกู้คืนเนื้อหา เนื้อหาของไฟล์ทั้งหมดจะถูกแทนที่ โปรดคัดลอกเนื้อหาของไฟล์ปัจจุบันไปไว้ในที่ปลอดภัยก่อนหากคุณต้องการเก็บการเปลี่ยนแปลงใดๆ ไว้
- คลิกที่บันทึก
- คลิกแก้ไขธีมเพื่อกลับไปยังตัวแก้ไขธีม และยืนยันว่าข้อความแสดงข้อผิดพลาดหายไปแล้ว
- ไปที่หน้าร้านของคุณเพื่อตรวจสอบว่าระบบแสดงผลตามที่คาดไว้
ข้อผิดพลาด "Exceeded maximum number of unique handles"
หากคุณเห็นข้อความแสดงข้อผิดพลาดของ Liquid เช่น “Exceeded maximum number of unique handles for all_products” บนหน้าแรกของคุณ โดยปกติแล้วมักจะหมายความว่าคุณได้เพิ่มส่วนสินค้าเด่นในหน้าแรกของคุณมากเกินไป (โดยทั่วไปแล้วจะมากกว่า 20 ส่วนในธีมส่วนใหญ่)
หากต้องการแก้ไขปัญหานี้
- ในส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ ร้านค้าออนไลน์ > ธีม
- ค้นหาธีมปัจจุบันของคุณแล้วคลิกแก้ไขธีม
- ไปที่หน้าแรกของคุณ
- ลบส่วนสินค้าเด่นบางส่วนออกเพื่อให้เป็นไปตามขีดจำกัดของธีม
- พิจารณาใช้ส่วนคอลเลกชันเด่นแทน ซึ่งจะสามารถแสดงสินค้าหลายรายการได้อย่างมีประสิทธิภาพมากขึ้นและช่วยปรับปรุงประสิทธิภาพของร้านค้าของคุณ
แก้ไขปัญหาไอคอนการชำระเงินไม่แสดงในส่วนท้าย
โดยทั่วไปแล้ว ธีมส่วนใหญ่จะมีไอคอนการชำระเงินรวมอยู่ในส่วนท้ายตามค่าเริ่มต้นเพื่อแสดงให้ลูกค้าเห็นว่าคุณยอมรับวิธีการชำระเงินใดบ้าง หากไอคอนการชำระเงินไม่ปรากฏในส่วนท้ายของธีม คุณสามารถตรวจสอบสิ่งต่อไปนี้ได้
- ในตัวแก้ไขธีมของคุณ ให้ไปที่ส่วนส่วนท้ายและตรวจสอบว่าได้เปิดใช้งานการตั้งค่าแสดงไอคอนการชำระเงินแล้ว
- ในส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่การตั้งค่า > การชำระเงิน และตรวจสอบว่ามีวิธีการชำระเงินที่ใช้งานอยู่แล้วอย่างน้อยหนึ่งวิธี วิธีการชำระเงินบางวิธีอาจต้องตั้งค่าบัญชีให้เสร็จสิ้นก่อนไอคอนจึงจะแสดง
- หากคุณใช้ช่องทางการชำระเงินภายนอก ไอคอนการชำระเงินอาจไม่แสดงขึ้นเนื่องจากข้อจำกัดของแพลตฟอร์ม
หากคุณได้ตรวจสอบการตั้งค่าเหล่านี้แล้ว แต่ไอคอนการชำระเงินยังคงไม่แสดง คุณอาจต้องขอความช่วยเหลือเกี่ยวกับธีมของคุณ
ขั้นตอนที่ 3: ติดต่อฝ่ายช่วยเหลือ
หากคุณยังคงประสบปัญหากับธีมของคุณหลังจากทำตามขั้นตอนการแก้ไขปัญหาในคู่มือนี้แล้ว คุณสามารถขอความช่วยเหลือเกี่ยวกับธีมของคุณได้