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