ปรับแต่งเลย์เอาต์ของแดชบอร์ด ECM

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

Note: การปรับแต่งเลย์เอาต์ใช้งานได้ตั้งแต่ Medusa Admin v2.17.2 เป็นต้นไป หากคุณไม่พบตัวเลือกการปรับแต่งเลย์เอาต์ใน ECM ของคุณ ให้แจ้งทีมเทคนิคของคุณเพื่อ อัปเดตแอปพลิเคชัน Medusa

การปรับแต่งเลย์เอาต์คืออะไร?#

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

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


วิธีปรับแต่งเลย์เอาต์ของหน้า#

คุณสามารถกำหนดได้ว่าจะให้ส่วนใดแสดงบนหน้านั้น และให้เรียงลำดับอย่างไร

ขั้นตอนการปรับแต่งเลย์เอาต์ของหน้า:

  1. เปิดหน้าที่ต้องการ ตัวอย่างเช่น หน้ารายละเอียดของสินค้า
  2. คลิกที่ ที่ด้านบนสุดของหน้า ซึ่งอยู่ถัดจากไอคอน
  3. เลือก "Customize page" จากเมนูแบบดึงลง
  4. ระบบจะเปลี่ยนหน้าดังกล่าวเข้าสู่โหมดแก้ไข หากต้องการปรับแต่งเลย์เอาต์สำหรับตัวคุณเอง ให้คลิกที่ป้าย Personal แต่หากต้องการปรับแต่งเลย์เอาต์สำหรับทีมของคุณ ให้คลิกที่ป้าย Default
  5. ในแต่ละส่วนของหน้า คุณสามารถ:
    • จัดลำดับส่วนใหม่ได้ โดยคลิกไอคอน ที่ด้านบนของส่วนนั้น แล้วลากไปยังตำแหน่งใหม่
    • ซ่อนส่วนได้ โดยคลิกไอคอน ที่ด้านบนของส่วนนั้น ในโหมดแก้ไข ส่วนดังกล่าวจะแสดงแบบจาง ๆ แต่จะถูกซ่อนเมื่อคุณออกจากโหมดแก้ไข
    • แสดงส่วนที่ถูกซ่อนอยู่ได้ โดยคลิกไอคอน ที่ด้านบนของส่วนนั้น
  6. เมื่อปรับแต่งเลย์เอาต์เรียบร้อยแล้ว ให้คลิกปุ่ม Save หรือ Save for everyone ที่ด้านบนสุดของหน้า ขึ้นอยู่กับว่าคุณกำลังปรับแต่งเลย์เอาต์สำหรับตัวคุณเองหรือสำหรับทีม

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


วิธีปรับแต่งเลย์เอาต์ของแถบเมนูด้านข้าง#

แถบเมนูด้านข้างที่คุณปรับแต่งได้มีสองแบบ:

  1. แถบเมนูด้านข้างหลัก ซึ่งแสดงหน้าต่าง ๆ เช่น คำสั่งซื้อ สินค้า และหน้าที่กำหนดเอง
  2. แถบเมนูด้านข้างของการตั้งค่า ซึ่งแสดงหน้าต่าง ๆ เช่น โปรไฟล์ ภูมิภาค และภาษี

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

ปรับแต่งเลย์เอาต์ของแถบเมนูด้านข้างหลัก#

ขั้นตอนการปรับแต่งเลย์เอาต์ของแถบเมนูด้านข้างหลัก:

  1. คลิกที่ ที่ด้านบนสุดของหน้า ซึ่งอยู่ถัดจากไอคอน โดยคุณทำขั้นตอนนี้จากหน้าใดก็ได้
  2. เลือก "Customize sidebar" จากเมนูแบบดึงลง
  3. ระบบจะเปลี่ยนแถบเมนูด้านข้างเข้าสู่โหมดแก้ไข หากต้องการปรับแต่งเลย์เอาต์สำหรับตัวคุณเอง ให้คลิกที่ป้าย Personal แต่หากต้องการปรับแต่งเลย์เอาต์สำหรับทีมของคุณ ให้คลิกที่ป้าย Default
  4. ในแต่ละรายการของแถบเมนูด้านข้าง คุณสามารถ:
    • จัดลำดับรายการใหม่ได้ โดยคลิกไอคอน ที่ด้านบนของรายการนั้น แล้วลากไปยังตำแหน่งใหม่
    • ซ่อนรายการได้ โดยคลิกไอคอน ที่ด้านบนของรายการนั้น ในโหมดแก้ไข รายการดังกล่าวจะแสดงแบบจาง ๆ แต่จะถูกซ่อนเมื่อคุณออกจากโหมดแก้ไข
    • แสดงรายการที่ถูกซ่อนอยู่ได้ โดยคลิกไอคอน ที่ด้านบนของรายการนั้น
  5. เมื่อปรับแต่งเลย์เอาต์เรียบร้อยแล้ว ให้คลิกปุ่ม Save หรือ Save for everyone ที่ด้านบนสุดของแถบเมนูด้านข้าง ขึ้นอยู่กับว่าคุณกำลังปรับแต่งเลย์เอาต์สำหรับตัวคุณเองหรือสำหรับทีม

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

ปรับแต่งเลย์เอาต์ของแถบเมนูด้านข้างของการตั้งค่า#

ขั้นตอนการปรับแต่งเลย์เอาต์ของแถบเมนูด้านข้างของการตั้งค่า:

  1. คลิกที่ ที่ด้านบนสุดของหน้า ซึ่งอยู่ถัดจากไอคอน โดยคุณทำขั้นตอนนี้จากหน้าใดก็ได้
  2. เลือก "Customize settings sidebar" จากเมนูแบบดึงลง ระบบจะพาคุณไปยังหน้าการตั้งค่า หากคุณยังไม่ได้อยู่ที่หน้านั้น แล้วเปลี่ยนแถบเมนูด้านข้างของการตั้งค่าเข้าสู่โหมดแก้ไข
  3. หากต้องการปรับแต่งเลย์เอาต์สำหรับตัวคุณเอง ให้คลิกที่ป้าย Personal แต่หากต้องการปรับแต่งเลย์เอาต์สำหรับทีมของคุณ ให้คลิกที่ป้าย Default
  4. ในแต่ละรายการของแถบเมนูด้านข้างของการตั้งค่า คุณสามารถ:
    • จัดลำดับรายการใหม่ได้ โดยคลิกไอคอน ที่ด้านบนของรายการนั้น แล้วลากไปยังตำแหน่งใหม่
    • ซ่อนรายการได้ โดยคลิกไอคอน ที่ด้านบนของรายการนั้น ในโหมดแก้ไข รายการดังกล่าวจะแสดงแบบจาง ๆ แต่จะถูกซ่อนเมื่อคุณออกจากโหมดแก้ไข
    • แสดงรายการที่ถูกซ่อนอยู่ได้ โดยคลิกไอคอน ที่ด้านบนของรายการนั้น
    • ย้ายรายการจากหมวดหนึ่งไปยังอีกหมวดหนึ่งในแถบเมนูด้านข้างได้ ตัวอย่างเช่น คุณสามารถย้าย "Store" จากหมวด "General" ไปยังหมวด "My Account" ได้
    • คุณไม่สามารถลบหมวด ย้ายหมวด หรือเพิ่มหมวดใหม่ได้ คุณทำได้เพียงย้ายรายการระหว่างหมวดเท่านั้น
  5. เมื่อปรับแต่งเลย์เอาต์เรียบร้อยแล้ว ให้คลิกปุ่ม Save หรือ Save for everyone ที่ด้านบนสุดของแถบเมนูด้านข้าง ขึ้นอยู่กับว่าคุณกำลังปรับแต่งเลย์เอาต์สำหรับตัวคุณเองหรือสำหรับทีม

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


วิธีปรับแต่งเลย์เอาต์ของแถบนำทางด้านบน#

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

ขั้นตอนการปรับแต่งเลย์เอาต์ของแถบนำทางด้านบน:

  1. คลิกที่ ที่ด้านบนสุดของหน้า ซึ่งอยู่ถัดจากไอคอน โดยคุณทำขั้นตอนนี้จากหน้าใดก็ได้
  2. เลือก "Customize top bar" จากเมนูแบบดึงลง
  3. ระบบจะเปลี่ยนแถบด้านบนเข้าสู่โหมดแก้ไข หากต้องการปรับแต่งเลย์เอาต์สำหรับตัวคุณเอง ให้คลิกที่ป้าย Personal แต่หากต้องการปรับแต่งเลย์เอาต์สำหรับทีมของคุณ ให้คลิกที่ป้าย Default
  4. ในแต่ละรายการของแถบด้านบน คุณสามารถ:
    • จัดลำดับรายการใหม่ได้ โดยคลิกไอคอน ที่ด้านบนของรายการนั้น แล้วลากไปยังตำแหน่งใหม่
    • ซ่อนรายการได้ โดยคลิกไอคอน ที่ด้านบนของรายการนั้น ในโหมดแก้ไข รายการดังกล่าวจะแสดงแบบจาง ๆ แต่จะถูกซ่อนเมื่อคุณออกจากโหมดแก้ไข
    • แสดงรายการที่ถูกซ่อนอยู่ได้ โดยคลิกไอคอน ที่ด้านบนของรายการนั้น
  5. เมื่อปรับแต่งเลย์เอาต์เรียบร้อยแล้ว ให้คลิกปุ่ม Save หรือ Save for everyone ที่ด้านบนสุดของแถบด้านบน ขึ้นอยู่กับว่าคุณกำลังปรับแต่งเลย์เอาต์สำหรับตัวคุณเองหรือสำหรับทีม

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

Was this guide helpful?
Ask Bloom
For assistance in your development, use Claude Code Plugins or Medusa MCP server in Cursor, VSCode, etc...FAQ
What is Medusa?
How can I create a module?
How can I create a data model?
How do I create a workflow?
How can I extend a data model in the Product Module?
Recipes
How do I build a marketplace with Medusa?
How do I build digital products with Medusa?
How do I build subscription-based purchases with Medusa?
What other recipes are available in the Medusa documentation?
Chat is cleared on refresh
Line break
ปรับแต่งเลย์เอาต์ของแดชบอร์ด ECM - ECM User Guide