การแก้ไขปัญหาธีมร้านค้าออนไลน์ของคุณ

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

ขั้นตอนที่ 1: การแก้ไขปัญหาทั่วไป

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

  1. ตรวจสอบว่าปัญหาไม่ได้เกิดจากอุปกรณ์ของคุณปัญหาเฉพาะที่มักเกิดจากการตั้งค่าอุปกรณ์หรือเบราว์เซอร์ หรือปัญหาการเชื่อมต่ออินเทอร์เน็ต โปรดลองทำตามขั้นตอนต่อไปนี้
    • ล้างแคชและคุกกี้ของเบราว์เซอร์ หากคุณเข้าสู่ระบบศูนย์ช่วยเหลือของ Shopify ด้วยบัญชีผู้ใช้ Shopify ของคุณ การล้างแคชและคุกกี้ของเบราว์เซอร์จะทำให้คุณออกจากระบบบัญชีผู้ใช้ของคุณ
    • ลองใช้โหมดไม่ระบุตัวตน อุปกรณ์อื่น หรือแอป Shopify
    • ลองใช้ข้อมูลมือถือหรือการเชื่อมต่ออินเทอร์เน็ตอื่น
    • ตรวจสอบว่าเบราว์เซอร์ของคุณเป็นเวอร์ชันล่าสุด
    • โปรดตรวจสอบว่าเบราว์เซอร์ไม่ได้ตั้งค่าให้บล็อกคุกกี้ทั้งหมด เนื่องจากบางแอปอาจแสดงผลไม่ถูกต้องหากไม่มีคุกกี้
    • โปรดตรวจสอบว่าคุณไม่ได้ใช้ Virtual Private Network (VPN) หรือเปิดใช้งานไฟร์วอลล์ที่บล็อก Shopify
  2. ทดสอบปัญหาในธีมอื่น: หากคุณยังคงพบปัญหาในอุปกรณ์ เบราว์เซอร์ หรือการเชื่อมต่ออินเทอร์เน็ตอื่นๆ แสดงว่าปัญหานี้ไม่ใช่ปัญหาที่เกิดจากเครื่องของคุณและสามารถเกิดซ้ำได้ โปรดไปที่ Theme Store และติดตั้งธีมเวอร์ชันใหม่แล้วทดสอบว่าปัญหายังคงเกิดขึ้นในธีมเวอร์ชันล่าสุดหรือไม่ การติดตั้งธีมอื่น เช่น ธีมฟรีของ Shopifyก็เป็นแนวทางปฏิบัติที่ดีเช่นกัน เนื่องจากคุณจะสามารถระบุได้ว่าปัญหาเกิดจากธีมนั้นๆ โดยเฉพาะ หรือธีมทั้งหมดกำลังประสบปัญหาเดียวกัน หลังจากทดสอบธีมอื่นๆ แล้ว:
    • หากปัญหาเกิดขึ้นเฉพาะกับธีมปัจจุบันของคุณและธีมเวอร์ชันที่อัปเดตแล้วซึ่งยังไม่มีการปรับแต่งใดๆ คุณอาจจำเป็นต้องรับความช่วยเหลือเกี่ยวกับธีมของคุณ
    • หากปัญหาของคุณเกิดขึ้นบนธีมปัจจุบันเท่านั้น อาจมีโค้ดธีมบางส่วนที่เป็นสาเหตุของปัญหา หากคุณทราบว่าไฟล์ธีมใดถูกเปลี่ยนแปลง หรือสามารถระบุไฟล์ที่ได้รับผลกระทบได้ คุณสามารถกู้คืนเวอร์ชันก่อนหน้าของไฟล์นั้นที่มีให้ใช้งานได้ในมุมมองไทม์ไลน์ของโปรแกรมแก้ไขโค้ด การกู้คืนกลับเป็นเวอร์ชันก่อนหน้าจะแทนที่เนื้อหาของไฟล์ทั้งหมด ดังนั้นโปรดคัดลอกเนื้อหาของไฟล์ปัจจุบันไปไว้ในที่ปลอดภัยก่อนหากคุณต้องการเก็บการเปลี่ยนแปลงใดๆ ไว้ หากคุณไม่ได้แก้ไขโค้ดในธีม คุณอาจต้องตรวจสอบการตั้งค่าธีมของคุณ ตัวอย่างเช่น หากปุ่มเพิ่มลงในตะกร้าไม่แสดงขึ้น ให้ตรวจสอบสีสำหรับปุ่มในการตั้งค่าธีมของคุณ และตรวจสอบให้แน่ใจว่าเป็นสีที่ต่างกันและตัดกัน
    • หากปัญหาเกิดขึ้นกับทุกธีม อาจเป็นเพราะการตั้งค่าส่วนผู้ดูแล Shopify แอป หรือปัญหาอื่นๆ
  3. ทดสอบว่าปัญหามาจากแอปหรือไม่: หากคุณเพิ่งติดตั้งหรืออัปเดตแอปใดๆ ที่ส่งผลกระทบต่อหน้าร้านของคุณ คุณอาจต้องถอนการติดตั้งแอปนั้นชั่วคราว หากปัญหาไม่เกิดขึ้นหลังจากถอนการติดตั้งแอปแล้ว คุณสามารถติดต่อทีมให้ความช่วยเหลือของผู้พัฒนาแอปเพื่อขอความช่วยเหลือเพิ่มเติมในการทำให้แอปแสดงผลอย่างถูกต้องบนหน้าร้านของคุณได้ ดูข้อมูลเพิ่มเติมเกี่ยวกับการรับความช่วยเหลือเกี่ยวกับแอปของคุณ หากปัญหายังคงอยู่หลังจากถอนการติดตั้งแอป แสดงว่าแอปไม่ใช่ต้นตอของปัญหา

ขั้นตอนที่ 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 ได้

ขั้นตอน:

  1. ไปที่หน้าดังกล่าวในส่วนผู้ดูแลของคุณ
  2. คลิกปุ่มEdit code แสดง HTML เพื่อตรวจสอบโค้ด HTML
  3. ค้นหาโค้ด HTML ที่อาจทำให้เกิดปัญหาในการแสดงผลและลบออก
  4. คลิกที่บันทึก

ล้างการจัดรูปแบบ

คุณสามารถไฮไลต์ส่วนของข้อความและล้างการจัดรูปแบบ HTML ได้

ขั้นตอน:

  1. ไปที่หน้าดังกล่าวในส่วนผู้ดูแลของคุณ
  2. ไฮไลต์ข้อความที่มีปัญหาการจัดรูปแบบ
  3. คลิกที่ปุ่ม 🚫
  4. คลิกที่บันทึก

ดูข้อมูลเพิ่มเติมเกี่ยวกับเครื่องมือแก้ไข Rich Text

การแก้ไขปัญหาการเปลี่ยนเส้นทางไปยัง URL ที่ไม่รองรับ

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

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

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

การแก้ไขปัญหาเนื้อหาแบบไดนามิกในธีมบล็อก

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

บล็อกที่ยุบได้แสดงข้อความเดียวกันในสินค้าทุกรายการ

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

  1. ในส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ การตั้งค่า > เมตาฟิลด์ > สินค้า
  2. คลิกที่เพิ่มคำจำกัดความ
  3. ป้อนชื่อสำหรับเมตาฟิลด์ของคุณ จากนั้นคลิกที่เลือกประเภทเนื้อหา
  4. เลือกข้อความและข้อความหลายบรรทัด
  5. คลิกที่บันทึก
  6. ไปที่หน้าสินค้าในส่วนผู้ดูแลของคุณ แล้วเลื่อนไปที่ส่วนเมตาฟิลด์ที่ด้านล่างของหน้า
  7. เพิ่มเนื้อหาเฉพาะของสินค้าลงในเมตาฟิลด์ที่คุณสร้างขึ้น
  8. ในตัวแก้ไขธีมของคุณ ให้ไปที่เทมเพลตสินค้าและค้นหาส่วนแถวที่ยุบได้ของคุณ
  9. ในการตั้งค่าเนื้อหาของแถว ให้คลิกปุ่ม Connect dynamic source
  10. เลือกเมตาฟิลด์ของคุณจากตัวเลือกที่มีอยู่
  11. บันทึกการเปลี่ยนแปลงของคุณ

ตอนนี้สินค้าแต่ละรายการจะแสดงเนื้อหาของตัวเองเมื่อกรอกเมตาฟิลด์ และจะไม่มีเนื้อหาแสดงหากเมตาฟิลด์สำหรับสินค้านั้นว่างเปล่า

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

การแก้ไขปัญหาข้อความแสดงข้อผิดพลาดของโค้ด

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

ข้อความเตือน The theme you're looking for couldn't be found อาจแสดงขึ้นเมื่อมี HTML ที่เสียหาย หน้าเว็บอาจโหลดในตัวแก้ไขธีมไม่สำเร็จด้วยเหตุผลหลายประการ เช่น

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

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

ขั้นตอน:

  1. คลิกไฟล์ส่วน .liquid ที่ลิงก์อยู่ในข้อความแสดงข้อผิดพลาด หรือตรวจสอบไฟล์เพื่อดูการเปลี่ยนแปลงล่าสุด การดำเนินการนี้จะนำคุณไปยังหน้าแก้ไข HTML/Cascading Style Sheets (CSS) และไฟล์จะเปิดขึ้นในเครื่องมือแก้ไขโค้ด
  2. เรียกดูโค้ดในไฟล์และพยายามค้นหา HTML หรือ Liquid ที่ไม่ถูกต้อง ตัวแก้ไขโค้ดจะแสดงข้อผิดพลาดทางไวยากรณ์ที่อาจเกิดขึ้นเป็นสีแดง ปัญหาทั่วไปมีดังต่อไปนี้
    • มีแท็ก HTML สำหรับปิดเกินมา เช่น แท็กปิด </div> ที่ไม่มีแท็กเปิด <div>
    • แท็ก HTML ที่เปิดค้างไว้เกินมา เช่น แท็กเปิด <div> ที่ไม่มีแท็กปิด </div>
    • แท็ก HTML ที่มีรูปแบบไม่ถูกต้อง เช่น <div class="my-class" ที่ไม่มี >
    • โค้ด Liquid ที่มีรูปแบบไม่ถูกต้อง
    • HTML ที่เสียหายในไฟล์ส่วนย่อยของธีมที่รวมอยู่
  3. หลังจากพบปัญหาแล้ว ให้แก้ไขโค้ดในไฟล์ธีมของคุณ หากคุณใช้มุมมองไทม์ไลน์ของโปรแกรมแก้ไขโค้ดเพื่อเลือกเวอร์ชันก่อนหน้าและกู้คืนเนื้อหา เนื้อหาของไฟล์ทั้งหมดจะถูกแทนที่ โปรดคัดลอกเนื้อหาของไฟล์ปัจจุบันไปไว้ในที่ปลอดภัยก่อนหากคุณต้องการเก็บการเปลี่ยนแปลงใดๆ ไว้
  4. คลิกที่บันทึก
  5. คลิกแก้ไขธีมเพื่อกลับไปยังตัวแก้ไขธีม และยืนยันว่าข้อความแสดงข้อผิดพลาดหายไปแล้ว
  6. ไปที่หน้าร้านของคุณเพื่อตรวจสอบว่าระบบแสดงผลตามที่คาดไว้

ข้อผิดพลาด "Exceeded maximum number of unique handles"

หากคุณเห็นข้อความแสดงข้อผิดพลาดของ Liquid เช่น “Exceeded maximum number of unique handles for all_products” บนหน้าแรกของคุณ โดยปกติแล้วมักจะหมายความว่าคุณได้เพิ่มส่วนสินค้าเด่นในหน้าแรกของคุณมากเกินไป (โดยทั่วไปแล้วจะมากกว่า 20 ส่วนในธีมส่วนใหญ่)

หากต้องการแก้ไขปัญหานี้

  1. ในส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ ร้านค้าออนไลน์ > ธีม
  2. ค้นหาธีมปัจจุบันของคุณแล้วคลิกแก้ไขธีม
  3. ไปที่หน้าแรกของคุณ
  4. ลบส่วนสินค้าเด่นบางส่วนออกเพื่อให้เป็นไปตามขีดจำกัดของธีม
  5. พิจารณาใช้ส่วนคอลเลกชันเด่นแทน ซึ่งจะสามารถแสดงสินค้าหลายรายการได้อย่างมีประสิทธิภาพมากขึ้นและช่วยปรับปรุงประสิทธิภาพของร้านค้าของคุณ
แก้ไขปัญหาไอคอนการชำระเงินไม่แสดงในส่วนท้าย

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

  1. ในตัวแก้ไขธีมของคุณ ให้ไปที่ส่วนส่วนท้ายและตรวจสอบว่าได้เปิดใช้งานการตั้งค่าแสดงไอคอนการชำระเงินแล้ว
  2. ในส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่การตั้งค่า > การชำระเงิน และตรวจสอบว่ามีวิธีการชำระเงินที่ใช้งานอยู่แล้วอย่างน้อยหนึ่งวิธี วิธีการชำระเงินบางวิธีอาจต้องตั้งค่าบัญชีให้เสร็จสิ้นก่อนไอคอนจึงจะแสดง
  3. หากคุณใช้ช่องทางการชำระเงินภายนอก ไอคอนการชำระเงินอาจไม่แสดงขึ้นเนื่องจากข้อจำกัดของแพลตฟอร์ม

หากคุณได้ตรวจสอบการตั้งค่าเหล่านี้แล้ว แต่ไอคอนการชำระเงินยังคงไม่แสดง คุณอาจต้องขอความช่วยเหลือเกี่ยวกับธีมของคุณ

ขั้นตอนที่ 3: ติดต่อฝ่ายช่วยเหลือ

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