เทมเพลต

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

เทมเพลตเหล่านี้มีอยู่ในธีมของคุณเป็นค่าเริ่มต้น

สินค้า

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

ตามค่าเริ่มต้น หน้าสินค้าจะมีส่วนข้อมูลสินค้าและส่วนสินค้าที่เกี่ยวข้องในตัวแก้ไขธีม

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

คอลเลกชัน

หน้าคอลเลกชันในธีมของคุณจะแสดงคอลเลกชันที่คุณสร้างขึ้นในหน้า ผลิตภัณฑ์ > คอลเลกชัน ในส่วนผู้ดูแล Shopify ของคุณ

ตามค่าเริ่มต้น หน้าคอลเลกชันจะมีส่วนแบนเนอร์คอลเลกชันและส่วนตารางสินค้าในตัวแก้ไขธีม

รายการคอลเลกชัน

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

บัตรของขวัญ

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

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

มูลค่าและรหัสแลกใช้ของบัตรของขวัญไม่สามารถปรับแต่งได้

หน้า

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

หน้าตะกร้าสินค้า

หน้าตะกร้าสินค้าในร้านค้าออนไลน์ของคุณคือหน้าที่ลูกค้าสามารถตรวจสอบสินค้าที่เพิ่มไว้ในตะกร้าสินค้าได้

ตามค่าเริ่มต้น หน้าตะกร้าสินค้าจะมีส่วนรายการและส่วนยอดรวมย่อยในตัวแก้ไขธีม

บล็อก

หน้าบล็อกในร้านค้าออนไลน์ของคุณคือหน้าแรกสำหรับบล็อกที่คุณสร้างในส่วนผู้ดูแล Shopify และมีบล็อกโพสต์ที่เผยแพร่แล้วทั้งหมดในบล็อกนั้น

ตามค่าเริ่มต้น หน้าบล็อกจะมีส่วนบล็อกโพสต์ในตัวแก้ไขธีม

บล็อกโพสต์

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

หน้าการค้นหา

หน้าการค้นหาคือหน้าที่ลูกค้าสามารถใช้ค้นหาและพบสินค้า หน้า หรือบล็อกโพสต์ที่ต้องการภายในร้านค้าออนไลน์ของคุณ

ตามค่าเริ่มต้น หน้าการค้นหาจะมีส่วนผลลัพธ์การค้นหาในตัวแก้ไขธีม

นอกเหนือจากการตั้งค่าของส่วนผลลัพธ์การค้นหาแล้ว คุณยังสามารถดูและปรับแต่งการตั้งค่าธีมบางอย่างสำหรับลักษณะการค้นหา และคุณยังสามารถเพิ่ม CSS ที่กำหนดเองเฉพาะส่วนของคุณเองได้

หน้าป้อนรหัสผ่าน

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

หน้า 404

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

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

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

ขั้นตอน

ก่อนที่คุณจะสร้างเทมเพลตใหม่ โปรดตรวจสอบข้อควรพิจารณาต่อไปนี้

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

หลังจากสร้างเทมเพลตใหม่แล้ว คุณสามารถนำเทมเพลตไปใช้กับหน้าที่ต้องการในร้านค้าออนไลน์ได้

สร้างเทมเพลตสำหรับเมตาอ็อบเจกต์

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

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

ตอนนี้คุณสามารถสร้างเทมเพลตเมตาอ็อบเจกต์ในตัวแก้ไขธีมได้แล้ว

คุณสามารถใช้การแสดงตัวอย่างเทมเพลตเพื่อดูว่าทรัพยากรในร้านค้าออนไลน์ เช่น สินค้าและหน้า จะแสดงให้ลูกค้าเห็นอย่างไรเมื่อใช้เทมเพลตอื่น

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

ข้อควรพิจารณาในการดูตัวอย่างเทมเพลต

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

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

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

ดูตัวอย่างเทมเพลตอื่น

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

ขั้นตอน

การดูตัวอย่างทรัพยากรที่เฉพาะเจาะจง

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

คุณยังคงต้องกำหนดเทมเพลตให้กับทรัพยากรในส่วนผู้ดูแล Shopify

คุณยังสามารถค้นหาเทมเพลตและทรัพยากรโดยใช้แถบค้นหาในเครื่องมือเลือกหน้า ในเครื่องมือเพิ่มส่วนหรือเพิ่มบล็อก หรือในส่วนแอปที่ฝัง

ขั้นตอน

1. From your Shopify admin, go to Online Store.

2. ถัดจากธีมที่คุณต้องการแก้ไข ให้คลิกที่ แก้ไขธีม

3. จากเมนูเทมเพลต ให้เลือกเทมเพลตที่คุณต้องการดูตัวอย่าง

4. จากเมนูแถบด้านข้าง ในส่วน แสดงตัวอย่าง ให้คลิกที่ เปลี่ยน

5. จากเมนู เลือก ให้เลือกทรัพยากรที่คุณต้องการดูตัวอย่าง

คุณสามารถเปลี่ยนเทมเพลตที่กำหนดไว้สำหรับส่วนต่างๆ ต่อไปนี้ในธีมที่เผยแพร่แล้วได้

• หน้า
• สินค้า
• คอลเลกชัน
• บล็อก
• บล็อกโพสต์

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

เทมเพลตสำหรับสินค้าและคอลเลกชันสามารถกำหนดได้ในระดับรายการแต่ละรายการ หรือกำหนดให้หลายรายการพร้อมกันโดยใช้เครื่องมือแก้ไขหลายรายการในครั้งเดียว

การปรับใช้เทมเพลตใหม่กับหน้า

การปรับใช้เทมเพลตใหม่กับสินค้า

การปรับใช้เทมเพลตใหม่กับคอลเลกชัน

1. จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ สินค้า > คอลเลกชัน

2. คลิกคอลเลกชันที่คุณต้องการปรับใช้เทมเพลต

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

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

การปรับใช้เทมเพลตใหม่กับบล็อก

การปรับใช้เทมเพลตใหม่กับบล็อกโพสต์

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

การปรับใช้เทมเพลตใหม่กับสินค้าจำนวนมาก

1. จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ สินค้า

2. หากต้องการแก้ไขสินค้าหลายรายการพร้อมกัน ให้ดำเนินการอย่างใดอย่างหนึ่งต่อไปนี้

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

3. คลิกแก้ไขหลายรายการพร้อมกัน

4. ในเครื่องมือแก้ไขหลายรายการในครั้งเดียว ให้คลิกเมนูดรอปดาวน์คอลัมน์ จากนั้นในส่วนทั่วไป ให้เลือกเทมเพลต

5. คลิกช่องแรกของคอลัมน์เทมเพลต จากนั้นกดปุ่ม Shift ค้างไว้ แล้วคลิกช่องสุดท้ายของคอลัมน์เทมเพลต จะมีแถบสีน้ำเงินแสดงขึ้นรอบๆ รายการที่คุณเลือก

6. คลิกช่องแรกที่คุณเลือก จากนั้นเลือกเทมเพลตที่คุณต้องการจากเมนูดรอปดาวน์ แล้วคลิกบันทึก

การใช้เทมเพลตใหม่กับคอลเลกชันพร้อมกันหลายรายการ

1. จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ สินค้า > คอลเลกชัน

2. หากต้องการแก้ไขคอลเลกชันหลายรายการพร้อมกัน ให้ทำตามวิธีใดวิธีหนึ่งต่อไปนี้

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

3. คลิกแก้ไขหลายรายการพร้อมกัน

4. ในเครื่องมือแก้ไขหลายรายการในครั้งเดียว ให้คลิกเมนูดรอปดาวน์คอลัมน์ จากนั้นในส่วนทั่วไป ให้เลือกเทมเพลต

5. คลิกช่องแรกของคอลัมน์เทมเพลต จากนั้นกดปุ่ม Shift ค้างไว้ แล้วคลิกช่องสุดท้ายของคอลัมน์เทมเพลต จะมีแถบสีน้ำเงินแสดงขึ้นรอบๆ รายการที่คุณเลือก

6. คลิกช่องแรกที่คุณเลือก จากนั้นเลือกเทมเพลตที่คุณต้องการจากเมนูดรอปดาวน์ แล้วคลิกบันทึก

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

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

เปลี่ยนชื่อเทมเพลต

1. From your Shopify admin, go to Online Store.

2. Find the theme with the template that you want to rename, and then click > Edit code.

3. ในตัวแก้ไขโค้ด ให้ค้นหาโฟลเดอร์ templates

4. คลิกขวาที่ไฟล์เทมเพลตที่คุณต้องการเปลี่ยนชื่อ จากนั้นเลือกเปลี่ยนชื่อ... จากเมนูดรอปดาวน์

5. ป้อนชื่อใหม่สำหรับไฟล์

6. กด Enter บนคีย์บอร์ดของคุณ

ลบเทมเพลต

1. From your Shopify admin, go to Online Store.

2. Find the theme you want to delete a template from, and then click > Edit code.

3. ในตัวแก้ไขโค้ด ให้ค้นหาโฟลเดอร์ templates

4. คลิกขวาที่ไฟล์เทมเพลตที่คุณต้องการลบ จากนั้นเลือกลบถาวรจากเมนูดรอปดาวน์

5. คลิกลบ