วิธีการสร้างเมนูแท็บ และเมนูย่อย

คู่มือ แชร์วิธีใช้งาน Magento ทุกเวอร์ชั่น ตั้งแต่ การติดต้้งและใช้งานต่างๆ การอัพเกรด การ Backup ทุกเรื่องของการทำเว็บขายของ

Moderator: mindphp, ผู้ดูแลกระดาน

ภาพประจำตัวสมาชิก
AePongsak
PHP VIP Members
PHP VIP Members
โพสต์: 4902
ลงทะเบียนเมื่อ: 17/09/2016 10:09 am

วิธีการสร้างเมนูแท็บ และเมนูย่อย

โพสต์โดย AePongsak » 22/10/2016 12:53 pm

ในการสร้างเมนูแท็บ Magento สามารถสร้างได้ โดย Admin เท่านั้น เป็นการสร้างเมนูเพื่อนำสินค้าและบริการต่างๆมาไว้ในเมนูนั้น ตามความต้องการของเจ้าของเว็บไซต์ วิธีการสร้างก็สามารถศึกษาได้จากกระทู้นี้ และยังสามารถศึกษาการใช้ ซอร์ฟแวร์ หรือภาษาในการเขียนเว็บได้จาก เว็บไซต์ http://www.mindphp.com/

ตัวอย่างเมนูแท็บ
ในหน้าเว็บ
1.resized.png
1.resized.png (108.83 KiB) เปิดดู 259 ครั้ง



ขั้นตอนการสร้างเมนูแท็บ

ขั้นตอนที่ 1: รายการสินค้า > จัดการประเภท
3.resized.png
3.resized.png (67.76 KiB) เปิดดู 259 ครั้ง

ขั้นตอนที่ 2: โฟลเดอร์ทางด้านข้าง จะเป็นตัวเดียวกับที่แสดงในหน้าเว็บ และเรียงตามลำดับ ตามภาพ
ในหน้า Admin จะถูกตั้งเป็นโฟรเดอร์ ภาษาอักษกฤษ ส่วนหน้าเว็บมีการปรับแสดงเป็นภาษาไทย เมื่อเป็นหน้าเว็บเป็นภาษาอังกฤษจะตรงตามฐานข้อมูล
2.resized.png
2.resized.png (119.09 KiB) เปิดดู 259 ครั้ง

ขั้นตอนที่ 3: เลือก Add Subcategory เพื่อเพิ่มแท็บเมนู
6.resized.png
6.resized.png (65.9 KiB) เปิดดู 259 ครั้ง

ขั้นตอนที่ 4: กรอกข้อมูลให้ครบ เครื่องหมาย * เป็นช่องที่จำเป็นต้องกรอก
ส่วนที่สำคัญ
ชื่อ : ชื่อที่แสดงในหน้าเว็บ เมนูแท็บ
Is Active : ใช่
URL Key : ใช้ชื่อที่สอดคล้องกับ หัวข้อ เช่น เอาชื่อเดียวกับหัวข้อ
รูปภาพ : รูปภาพที่แสดงในหน้าเมนูนี้
5.resized.png
5.resized.png (64.91 KiB) เปิดดู 259 ครั้ง

ขั้นตอนที่ 5: เลือก บันทึกประเภทสินค้า
4.resized.png
4.resized.png (67.71 KiB) เปิดดู 259 ครั้ง

ขั้นตอนที่ 6: แสดงแท็บเมนูที่เสร้างขึ้น ขั้นตอนนี้ เมนูที่สร้างขึ้นยังไม่แสดงที่หน้าเว็บ เพราะว่าไม่ได้อยู่ในลำดับเดียวกับตัวอื่นๆ
8.resized.png
8.resized.png (52.75 KiB) เปิดดู 259 ครั้ง

ขั้นตอนที่ 7: ทำการคลิกที่โฟรเดอร์ที่สร้างขึ้น เลื่อนไปข้างบน ให้อยู่ในตำแหน่ง ตามภาพ
9.resized.png
9.resized.png (82.16 KiB) เปิดดู 259 ครั้ง

ขั้นตอนที่ 8: เมนูที่สร้างขึ้นถูกแสดงในหน้าเว็บ
7.resized.png
7.resized.png (68.85 KiB) เปิดดู 259 ครั้ง
รูปภาพ
ξν℮ry story has an end but in life every end is a neω ßeginning.

ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 2 และ บุคคลทั่วไป 0 ท่าน