ข้ามไปยังเนื้อหา
ช่วยเหลือ
การออกแบบและการตั้งค่าของตัวสร้างหน้าร้าน

จะเปลี่ยนความกว้างหน้าของร้านค้าได้อย่างไร

ตั้งความกว้างหน้าสูงสุดของร้านค้าในแท็บเลย์เอาต์ของตัวสร้างร้านค้า (900 ถึง 1400 px) การทำงานบนโทรศัพท์และหน้าจอใหญ่ และส่วนที่กว้างเต็มจอขยายจากขอบถึงขอบอย่างไร

อ่าน 3 นาที

แท็บ เลย์เอาต์ ใช้กำหนดว่าเนื้อหาในร้านค้าจะกว้างได้แค่ไหนบนหน้าจอใหญ่ ช่วยไม่ให้ข้อความและสินค้ายืดออกมากเกินไปบนจอกว้าง

หาได้ที่ไหน

เปิดตัวสร้างร้านค้า คลิกไอคอนรูปเฟือง แล้วเปิดแท็บ เลย์เอาต์ ส่วนนี้ชื่อว่า เลย์เอาต์หน้า และมีการตั้งค่าเดียว: ความกว้างหน้า

ความกว้างหน้า

ลากสไลเดอร์เพื่อเลือกความกว้างสูงสุดของเนื้อหาเป็นพิกเซล ตั้งได้ตั้งแต่ 900 ถึง 1400 ทีละ 100 ค่าเริ่มต้นคือ 1200

  • 900 หรือ 1000: หน้าแคบ บรรทัดข้อความสั้นและอ่านง่าย เหมาะกับร้านที่มีสินค้าน้อยหรือมีข้อความมาก
  • 1100 หรือ 1200: ความกว้างที่สมดุล เหมาะกับร้านค้าส่วนใหญ่
  • 1300 หรือ 1400: หน้ากว้าง แสดงสินค้าในแต่ละแถวได้มากขึ้นบนหน้าจอใหญ่

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

ความกว้างหน้าและส่วนที่กว้างเต็มจอ

ส่วนส่วนใหญ่มีการตั้งค่า ความกว้าง ของตัวเองซึ่งมีสองตัวเลือก:

  • หน้า: เนื้อหาของส่วนจะอยู่ภายในความกว้างหน้าที่คุณตั้งในแท็บเลย์เอาต์
  • เต็ม: ส่วนนั้นจะขยายจากขอบจอด้านหนึ่งถึงอีกด้านหนึ่งโดยไม่สนความกว้างหน้า

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

งานที่พบบ่อย

  • ร้านค้าดูยืดเกินไปบนจอใหญ่: ลดความกว้างหน้าเป็น 1100 หรือ 1000
  • อยากให้แสดงสินค้าต่อแถวมากขึ้นบนคอมพิวเตอร์: เพิ่มความกว้างหน้า แล้วตรวจสอบจำนวนคอลัมน์ในส่วนสินค้า
  • อยากให้แบนเนอร์หนึ่งชิดขอบจอ: ตั้งความกว้างของส่วนนั้นเป็นเต็ม ไม่ต้องเปลี่ยนความกว้างหน้า
  • เลย์เอาต์บนโทรศัพท์ไม่เปลี่ยน: เป็นเรื่องปกติ โทรศัพท์ใช้ความกว้างเต็มหน้าจอเสมอ

ตรวจสอบในหน้าตัวอย่าง

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

สิ่งที่ความกว้างหน้าไม่ได้เปลี่ยน

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

ข้อควรรู้

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

ยังต้องการความช่วยเหลือ?

เขียนถึงเราแล้วเราจะตอบกลับคุณ

ติดต่อเรา