Category Element คือส่วนที่แสดงหมวดหมู่ของสินค้า หรือบทความ
1. ไปที่ Section ที่ต้องการ จากนั้นกดเพิ่ม Category Element
![](https://blog.ketshopweb.com/wp-content/uploads/2020/01/element-category-01-1024x500.jpg)
2. คลิกที่ตั้งค่า
![](https://blog.ketshopweb.com/wp-content/uploads/2020/01/element-category-02-1024x500.jpg)
3. จะแสดงข้อมูลดังภาพ
![](https://blog.ketshopweb.com/wp-content/uploads/2020/01/element-category-03-1024x500.jpg)
4. เลือกประเภทของหมวดหมู่ ได้แก่ หมวดหมู่ของบทความ และหมวดหมู่ของสินค้า
![](https://blog.ketshopweb.com/wp-content/uploads/2020/01/element-category-04-1024x500.jpg)
5. จะแสดงหมวดหมู่ทั้งหมด ที่อยู่ในประเภทที่เลือก
![](https://blog.ketshopweb.com/wp-content/uploads/2020/01/element-category-05-1024x500.jpg)
6. เลือกรูปแบบการแสดงผล
![](https://blog.ketshopweb.com/wp-content/uploads/2020/01/element-category-06-0-1024x500.jpg)
รูปแบบการแสดงผล
6.1 แบบ Tree คือการแสดงผลเป็นลำดับขั้น เหมาะกับหมวดหมู่ที่มีหลายชั้น
![](https://blog.ketshopweb.com/wp-content/uploads/2020/01/element-category-06-1-1024x245.jpg)
6.2 แบบ List คือการแสดงผลเป็นรายการ
![](https://blog.ketshopweb.com/wp-content/uploads/2020/01/element-category-06-2-1024x183.jpg)
7. เลือกหมวดหมู่ที่ต้องการแสดง โดยการติ้กในช่อง
![](https://blog.ketshopweb.com/wp-content/uploads/2020/01/element-category-07-1024x500.jpg)
8. ตั้งค่ารูปแบบตัวอักษร, ขนาด, และสี
![](https://blog.ketshopweb.com/wp-content/uploads/2020/01/element-category-08-1024x500.jpg)
9. กรอกชื่อหัวข้อ
![](https://blog.ketshopweb.com/wp-content/uploads/2020/01/element-category-09-1024x500.jpg)
10. ตัวอย่างการแสดงผล
![](https://blog.ketshopweb.com/wp-content/uploads/2020/01/element-category-10-1024x500.jpg)