หมายเหตุ
การเข้าถึงหน้านี้ต้องได้รับการอนุญาต คุณสามารถลอง ลงชื่อเข้าใช้หรือเปลี่ยนไดเรกทอรีได้
การเข้าถึงหน้านี้ต้องได้รับการอนุญาต คุณสามารถลองเปลี่ยนไดเรกทอรีได้
บทความนี้อธิบายโมดูลรายการไทล์และอธิบายวิธีการเพิ่มลงในหน้าไซต์ใน Microsoft Dynamics 365 Commerce
โมดูลรายการไทล์เป็นการรวบรวมของไทล์ในวงล้อ ใช้เพื่อตลาดหมวดหมู่ผลิตภัณฑ์หรือแบรนด์ผลิตภัณฑ์ผ่านรูปภาพและข้อความ ตัวอย่างเช่น ผู้ค้าปลีกสามารถเพิ่มโมดูลรายการไทล์ลงในโฮมเพจของไซต์ e-commerce เพื่อส่งเสริมประเภทการขายสินค้าขายสูงสุดทั้งหมด
ข้อมูลจากระบบการจัดการเนื้อหา (CMS) จะขับเคลื่อนโมดูลรายการไทล์ ซึ่งไม่ได้ขึ้นอยู่กับโมดูลหรือข้อมูลอื่นใดจาก Commerce headquarters เพิ่มโมดูลรายการไทล์ไปยังหน้าไซต์ใด ๆ ที่ผู้ค้าปลีกต้องการทําการตลาดหรือเลื่อนระดับบางอย่าง (ตัวอย่างเช่น ผลิตภัณฑ์ ประเภท หรือแบรนด์)
แผนภาพประกอบต่อไปนี้แสดงตัวอย่างของโมดูลรายการไทล์และโมดูลไทล์บนโฮมเพจ Adventure Works
สำคัญ
โมดูลรายการไทล์พร้อมใช้งาน ณ การเริ่มใช้งาน Dynamics 365 Commerce รุ่น 10.0.20 โมดูลรายการไทล์ถูกแสดงในธีม Adventure Works
โมดูลและธีมของรายการไทล์
โมดูลรายการไทล์สามารถสนับสนุนโครงร่างและลักษณะต่างๆ ตามธีม ตัวอย่างเช่น ในธีม Adventure Works ไทล์จะแสดงผลกระทบของภาพเคลื่อนไหว เมื่อผู้ใช้ไซต์วางเมาส์ไว้ด้านบน แต่ละธีมสามารถมีคุณสมบัติเพิ่มเติมสําหรับรายการไทล์และโมดูลไทล์ นักพัฒนาธีมยังสามารถสร้างเค้าโครงเพิ่มเติมสําหรับรายการไทล์และโมดูลไทล์ได้
คุณสมบัติโมดูลรายการไทล์
| ชื่อคุณสมบัติ | ค่า | รายละเอียด |
|---|---|---|
| หัวเรื่อง | ข้อความหัวข้อและแท็กหัวเรื่อง | หัวข้อข้อความสำหรับโมดูลรายการไทล์ |
คุณสมบัติของโมดูลไทล์
| ชื่อคุณสมบัติ | ค่า | รายละเอียด |
|---|---|---|
| รูปภาพ | ไฟล์รูปภาพ | ใช้รูปภาพเพื่อแสดงผลิตภัณฑ์หรือหมวดหมู่ คุณสามารถอัปโหลดรูปภาพไปยังไลบรารีสื่อในตัวสร้างไซต์ Commerce หรือใช้รูปภาพที่มีอยู่ |
| หัวเรื่อง | ข้อความหัวข้อ และแท็กหัวข้อ (H1, H2, H3, H4, H5, or H6) | ตามค่าเริ่มต้น แท็กส่วนหัว H2 จะถูกใช้สําหรับหัวเรื่อง แต่คุณสามารถเปลี่ยนแท็กตามความต้องการการเข้าถึงได้ |
| ย่อหน้า | ข้อความย่อหน้า | โมดูลสนับสนุนข้อความย่อหน้าในรูปแบบข้อความที่หลากหลาย ซึ่งสนับสนุนความสามารถพื้นฐานบางอย่างของ Rich Text เช่น ไฮเปอร์ลิงก์ และตัวหนา ขีดเส้นใต้ และข้อความตัวเอียง ความสามารถเหล่านี้บางอย่างสามารถถูกแทนที่ได้โดยธีมหน้าที่คุณนําไปใช้กับโมดูล |
| ลิงก์ | ลิงค์ข้อความ ลิงค์ URL ป้ายชื่อ Accessible Rich Internet Applications (ARIA) และ เปิดลิงค์ในแท็บใหม่ | โมดูลสนับสนุนลิงค์ "การดำเนินการเรียกไปยัง" หนึ่งรายการขึ้นไป ถ้าคุณเพิ่มลิงก์ คุณจําเป็นต้องมีข้อความลิงก์ URL และป้ายชื่อ ARIA ทําให้ป้ายชื่อ ARIA แสดงคําอธิบายเพื่อให้ตรงตามข้อกําหนดการช่วยสําหรับการเข้าถึง คุณสามารถกําหนดค่าลิงก์เพื่อให้เปิดในแท็บใหม่ได้ |
| ลิงค์ไทล์ | ข้อความลิงค์, URL ลิงค์, ป้ายชื่อ ARIA และตัวเลือก เปิดลิงค์ในแท็บใหม่ | ใช้คุณสมบัตินี้เพื่อกําหนดลิงก์ "เรียกใช้การดําเนินการ" ถ้าคุณเพิ่มลิงก์ คุณจําเป็นต้องมีข้อความลิงก์ URL และป้ายชื่อ ARIA ทําให้ป้ายชื่อ ARIA แสดงคําอธิบายเพื่อให้ตรงตามข้อกําหนดการช่วยสําหรับการเข้าถึง คุณสามารถกําหนดค่าลิงก์เพื่อให้เปิดในแท็บใหม่ได้ |
| ไอคอน | รูปภาพ | นอกเหนือจากรูปภาพผลิตภัณฑ์หรือหมวดหมู่แล้ว ให้เพิ่มสัญลักษณ์ไอคอน รูปสัญลักษณ์ไอคอนจะปรากฏขึ้นเหนือรูปภาพผลิตภัณฑ์หรือหมวดหมู่ |
เพิ่มโมดูลรายการไทล์ไปยังหน้าใหม่
หากต้องการเพิ่มโมดูลรายการไทล์ไปยังหน้าใหม่และตั้งค่าคุณสมบัติที่จําเป็นในตัวสร้างไซต์ Commerce ให้ทําตามขั้นตอนเหล่านี้:
- ไปที่ เท็มเพลต และเปิดเท็มเพลตการตลาดสำหรับโฮมเพจของไซต์ของคุณ (หรือสร้างเท็มเพลตการตลาดใหม่)
- ในช่อง หลัก ของหน้าเริ่มต้น เลือกปุ่มจุดไข่ปลา (...) แล้วเลือก เพิ่มโมดูล
- ในกล่องโต้ตอบ เลือกโมดูล ให้เลือกโมดูล รายการไทล์ แล้วเลือก ตกลง
- เลือก บันทึก เลือก แก้ไขให้เสร็จสิ้น เพื่อตรวจสอบในเท็มเพลต และจากนั้น เลือก เผยแพร่ เพื่อเผยแพร่
- ไปที่ หน้า และเปิดโฮมเพจของไซต์ (หรือสร้างโฮมเพจใหม่โดยใช้เท็มเพลตการตลาด)
- ในช่อง หลัก ของเพจเริ่มต้น เลือกปุ่มจุดไข่ปลา (...) แล้วเลือก เพิ่มโมดูล
- ในกล่องโต้ตอบ เลือกโมดูล ให้เลือกโมดูล รายการไทล์ แล้วเลือก ตกลง
- ในบานหน้าต่างคุณสมบัติของโมดูลรายการไทล์ เพิ่มส่วนหัว
- ในช่อง รายการไทล์ เลือกปุ่มจุดไข่ปลา (...) แล้วจากนั้น เลือก เพิ่มโมดูล
- ในกล่องโต้ตอบ เลือกโมดูล ให้เลือกโมดูล โมดูลไทล์ แล้วเลือก ตกลง
- ในบานหน้าต่างคุณสมบัติของโมดูลไทล์ ให้เพิ่มรูปภาพ หัวข้อ และรูปภาพสัญลักษณ์ไอคอน
- เพิ่มและกําหนดค่าโมดูลไทล์เพิ่มเติมตามที่คุณต้องการ
- เลือก บันทึก และจากนั้น เลือก แสดงตัวอย่าง เพื่อแสดงตัวอย่างหน้า
- เลือก แก้ไขให้เสร็จสิ้น เพื่อตรวจสอบในเท็มเพลต และจากนั้น เลือก เผยแพร่ เพื่อเผยแพร่