โมดูลแกลเลอรี่สื่อ

บทความนี้ครอบคลุมถึงโมดูลแกลเลอรี่สื่อ และอธิบายวิธีการเพิ่มลงในหน้าของไซต์ใน Microsoft Dynamics 365 Commerce

โมดูลแกลเลอรี่สื่อแสดงรูปภาพอย่างน้อยหนึ่งรูปภาพในมุมมองแกลเลอรี โมดูลแกลเลอรี่สื่อสนับสนุนภาพขนาดย่อ ซึ่งสามารถจัดเรียงอย่างใดอย่างหนึ่งตามแนวนอน (โดยเป็นแถวด้านล่างรูป) หรือในแนวตั้ง (เป็นคอลัมน์ที่อยู่ถัดจากรูปภาพ) โมดูลแกลเลอรี่สื่อยังให้ความสามารถที่เปิดใช้งานการซูมภาพ (ขยาย) หรือดูในโหมดเต็มหน้าจอ เมื่อต้องการแสดงในโมดูลแกลเลอรี่สื่อ รูปภาพต้องมีอยู่ในไลบรารีสื่อของโปรแกรมสร้างไซต์ Commerce ในปัจจุบันโมดูลแกลเลอรี่สื่อสนับสนุนรูปภาพเท่านั้น

ในโหมดเริ่มต้น โมดูลแกลเลอรี่สื่อใช้รหัสผลิตภัณฑ์ที่พร้อมใช้งานจากบริบทของหน้าของหน้ารายละเอียดผลิตภัณฑ์ (PDP) เพื่อแสดงรูปภาพของผลิตภัณฑ์ที่สอดคล้องกัน ต้องกำหนดพาธไฟล์สื่อสำหรับผลิตภัณฑ์ทั้งหมดใน Commerce headquarters ควรจะอัปโหลดรูปภาพไปยังไลบรารีสื่อของโปรแกรมสร้างไซต์ตามพาธของไฟล์ที่กำหนดไว้สำหรับผลิตภัณฑ์ใน Commerce headquarters ภาพเหล่านี้มีรูปภาพสำหรับผลิตภัณฑ์และผลิตภัณฑ์ย่อย สำหรับข้อมูลเพิ่มเติมเกี่ยวกับวิธีการอัปโหลดรูปภาพไปยังไลบรารีสื่อของโปรแกรมสร้างไซต์ ให้ดูที่ อัปโหลดรูปภาพ

อีกทางหนึ่งคือโมดูลแกลเลอรี่สื่อสามารถโฮสต์ชุดรูปแบบที่ระบุไว้อย่างสมบูรณ์บนหน้ารูปภาพหรือแกลเลอรีรูปภาพซึ่งไม่มีการอ้างอิงบนรหัสผลิตภัณฑ์หรือบริบทของหน้า ในกรณีนี้ต้องอัปโหลดรูปภาพไปยังไลบรารีสื่อของโปรแกรมสร้างไซต์และระบุไว้ในตัวสร้างไซต์

ต่อไปนี้เป็นตัวอย่างการใช้งานสำหรับโมดูลแกลเลอรี่สื่อ:

• การแสดงภาพของผลิตภัณฑ์บน PDP
• การแสดงรูปภาพของผลิตภัณฑ์บนหน้าการตลาดผลิตภัณฑ์
• การจัดแสดงชุดของรูปภาพในหน้าการตลาด เช่น หน้าแกลเลอรี

ในตัวอย่างในภาพประกอบต่อไปนี้ กล่องการซื้อบนรูปภาพของผลิตภัณฑ์โฮสต์ PDP โดยใช้โมดูลแกลเลอรี่สื่อ

คุณสมบัติของแกลลอรี่สื่อ

ชื่อคุณสมบัติ	มูลค่า	คำอธิบาย
แหล่งที่มาของรูปภาพ	บริบทหน้า หรือ รหัสผลิตภัณฑ์	ค่าเริ่มต้นคือ บริบทหน้า ถ้ามีการเลือก บริบทของหน้า โมดูลจะคาดหวังให้หน้าระบุข้อมูลหมายเลขผลิตภัณฑ์ ถ้ามีการเลือก รหัสผลิตภัณฑ์ ต้องระบุรหัสผลิตภัณฑ์สำหรับรูปภาพเป็นค่าของคุณสมบัติ รหัสผลิตภัณฑ์ ความสามารถนี้จะพร้อมใช้งานใน Commerce รุ่น 10.0.12
รหัสผลิตภัณฑ์	รหัสผลิตภัณฑ์	คุณสมบัตินี้สามารถใช้ได้ก็ต่อเมื่อค่าของคุณสมบัติ แหล่งที่มารูปภาพ เป็น รหัสผลิตภัณฑ์ เท่านั้น
การซูมรูปภาพ	อินไลน์ หรือ คอนเทนเนอร์	คุณสมบัตินี้จะช่วยให้ผู้ใช้สามารถซูมภาพในโมดูลแกลเลอรี่สื่อ สามารถซูมรูปภาพในอินไลน์หรือในคอนเทนเนอร์แยกต่างหากถัดจากรูปภาพ ความสามารถนี้จะพร้อมใช้งานใน 10.0.12
ตัวคูณการซูม	เลขทศนิยม	คุณสมบัตินี้จะระบุตัวคูณสเกลสำหรับการซูมภาพ ตัวอย่างเช่น ถ้ามีการตั้งค่าเป็น 2.5 ภาพจะถูกขยาย 2.5 ครั้ง
แบบเต็มหน้าจอ	จริง หรือ เท็จ	คุณสมบัตินี้ระบุว่าสามารถดูภาพในโหมดเต็มหน้าจอหรือไม่ ในโหมดเต็มหน้าจอ อาจขยายภาพได้มากกว่านี้ถ้าเปิดใช้งานความสามารถในการซูม ความสามารถนี้พร้อมใช้งานใน Commerce รุ่น 10.0.13
คุณภาพของรูปภาพที่ย่อ/ขยาย	ตัวเลขตั้งแต่ 1 ถึง 100 ที่แสดงถึงเปอร์เซ็นต์และที่เลือกโดยใช้ตัวควบคุมแถบการติดตาม	คุณสมบัตินี้จะกําหนดคุณภาพรูปภาพของรูปภาพที่ย่อ/ขยาย สามารถตั้งค่าเป็น 100 เปอร์เซ็นต์เพื่อให้แน่ใจว่ารูปภาพที่ย่อ/ขยายจะใช้ความละเอียดสูงสุดที่เป็นไปได้เสมอ คุณสมบัตินี้ไม่สามารถใช้ได้กับไฟล์ PNG เนื่องจากใช้รูปแบบที่ไม่มีผลขาดทุน ความสามารถนี้พร้อมใช้งานใน Commerce รุ่น 10.0.19
รูป	รูปภาพที่เลือกจากไลบรารีสื่อของโปรแกรมสร้างไซต์	นอกจากการได้รับการแสดงผลจากผลิตภัณฑ์แล้ว คุณยังสามารถระบุภาพสำหรับโมดูลแกลเลอรี่สื่อได้อีกด้วย ภาพเหล่านี้จะถูกผนวกเข้ากับรูปภาพผลิตภัณฑ์ใดๆ ที่มีอยู่ ความสามารถนี้จะพร้อมใช้งานใน Commerce รุ่น 10.0.12
การจัดวางรูปขนาดย่อ	แนวตั้ง หรือ แนวนอน	คุณสมบัตินี้จะระบุว่าควรแสดงรูปภาพขนาดย่อในแถบแนวตั้งหรือแถบแนวนอน
ซ่อนรูปภาพผลิตภัณฑ์หลักจากตัวแปร	จริง หรือ เท็จ	ถ้าตั้งค่าคุณสมบัตินี้เป็น จริง เมื่อเลือกตัวแปร รูปภาพของผลิตภัณฑ์หลักจะถูกซ่อนไว้เว้นแต่ตัวแปรจะไม่มีรูปภาพ คุณสมบัตินี้ไม่มีผลกระทบต่อผลิตภัณฑ์ที่ไม่มีตัวแปร
อัปเดตสื่อในการเลือกมิติ	จริง หรือ เท็จ	ถ้าตั้งค่าคุณสมบัตินี้เป็น จริง รูปภาพในไลบรารีสื่อจะถูกอัปเดตเมื่อเลือกมิติใดๆ (เช่น สี ลักษณะ หรือ ขนาด) และถ้ารูปภาพพร้อมใช้งาน คุณสมบัตินี้ช่วยให้ประสบการณ์การเรียกดูง่ายขึ้น เนื่องจากต้องเลือกมิติของผลิตภัณฑ์ย่อยทุกมิติเพื่อให้รูปภาพที่ตรงกันได้รับการอัปเดต คุณสมบัตินี้พร้อมใช้งานบนแท็บ ขั้นสูง

สำคัญ

คุณสมบัติ อัปเดตสื่อในการเลือกมิติ พร้อมใช้งาน ณ การนำออกใช้ Commerce รุ่น 10.0.21 ซึ่งจำเป็นต้องมีการติดตั้งแพคเกจไลบรารีโมดูล Commerce รุ่น 9.31

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

ภาพประกอบต่อไปนี้แสดงตัวอย่างของโมดูลแกลเลอรี่สื่อที่มีรูปภาพที่ระบุ (ซึ่งเป็นรูปภาพที่ระบุที่ไม่ขึ้นอยู่กับหมายเลขผลิตภัณฑ์หรือบริบทของหน้า)

การโต้ตอบ Commerce Scale Unit

เมื่อแหล่งที่มาของรูปภาพสืบทอดมาจากบริบทของหน้า รหัสผลิตภัณฑ์จาก PDP จะถูกใช้ในการดึงรูปภาพ โมดูลแกลเลอรี่สื่อจะดึงข้อมูลของพาธไฟล์รูปภาพสำหรับผลิตภัณฑ์โดยใช้ Application Programming Interface (API) ของ Commerce Scale Unit แล้วดึงรูปภาพจากไลบรารีสื่อเพื่อให้สามารถแสดงผลได้ในโมดูล

เพิ่มโมดูลแกลเลอรี่สื่อไปที่หน้า

เมื่อต้องการเพิ่มโมดูลไปที่หน้าการตลาด ให้ทำตามขั้นตอนต่อไปนี้

1. ไปที่ เทมเพลต และจากนั้น เลือก สร้าง เพื่อสร้างเทมเพลตใหม่
2. ในกล่องโต้ตอบ เทมเพลตใหม่ ภายใต้ ชื่อเทมเพลต ให้ป้อน เทมเพลตการตลาด และจากนั้น เลือก ตกลง
3. ในช่อง เนื้อหา เลือกจุดไข่ปลา (...) แล้วจากนั้น เลือก เพิ่มโมดูล
4. ในกล่องโต้ตอบ เลือกโมดูล ให้เลือกโมดูล หน้าเริ่มต้น แล้วเลือก ตกลง
5. ในช่อง หลัก ของหน้าเริ่มต้น เลือกปุ่มจุดไข่ปลา (...) แล้วเลือก เพิ่มโมดูล
6. ในกล่องโต้ตอบ เลือกโมดูล ให้เลือกโมดูล คอนเทนเนอร์ แล้วเลือก ตกลง
7. เลือก บันทึก เลือก แก้ไขให้เสร็จสิ้น เพื่อตรวจสอบในเทมเพลต และจากนั้น เลือก เผยแพร่ เพื่อเผยแพร่
8. ไปที่ หน้า และจากนั้น ให้เลือก สร้าง เพื่อสร้างหน้าใหม่
9. ในกล่องโต้ตอบ สร้างหน้าใหม่ ภายใต้ ชื่อหน้า ให้ป้อน หน้าแกลเลอรีสื่อ และจากนั้น เลือก ถัดไป
10. ภายใต้ เลือกเทมเพลต ให้เลือก เทมเพลตของการตลาด ที่คุณสร้างขึ้น และจากนั้นเลือก ถัดไป
11. ภายใต้ เลือกโครงร่าง ให้เลือกโครงร่างหน้า (ตัวอย่างเช่น โครงร่างแบบยืดหยุ่น) แล้วเลือก ถัดไป
12. ภายใต้ ตรวจทานและเสร็จสิ้น ให้ตรวจทานการตั้งค่าคอนฟิกหน้า ถ้าคุณต้องการแก้ไขข้อมูลหน้า ให้เลือก ย้อนกลับ ถ้าข้อมูลหน้าถูกต้อง ให้เลือก สร้างหน้า
13. ในช่อง หลัก ของหน้าใหม่ เลือกปุ่มจุดไข่ปลา (...) แล้วเลือก เพิ่มโมดูล
14. ในกล่องโต้ตอบ เลือกโมดูล ให้เลือกโมดูล คอนเทนเนอร์ แล้วเลือก ตกลง
15. ในช่อง คอนเทนเนอร์ เลือกจุดไข่ปลา (...) แล้วจากนั้นเลือก เพิ่มโมดูล
16. ในกล่องโต้ตอบ เลือกโมดูล ให้เลือกโมดูล แกลเลอรีสื่อ แล้วเลือก ตกลง
17. ในบานหน้าต่างคุณสมบัติสำหรับแกลเลอรี่สื่อ ภายใต้ แหล่งที่มาของรูป ให้เลือก Productid จากนั้นในฟิลด์ ชื่อผลิตภัณฑ์ ให้ป้อนรหัสผลิตภัณฑ์
18. เลือก บันทึก และจากนั้น เลือก แสดงตัวอย่าง เพื่อแสดงตัวอย่างหน้า คุณควรเห็นรูปภาพสำหรับผลิตภัณฑ์ในมุมมองแกลเลอรี
19. เมื่อต้องการใช้รูปที่ระบุเท่านั้น ในบานหน้าต่างคุณสมบัติภายใต้ แหล่งที่มาของรูป ให้เลือก Productid จากนั้นภายใต้ รูปภาพ ให้เลือก เพิ่มรูปภาพ หลายครั้งตามต้องการเพิ่มรูปภาพจากไลบรารีสื่อ
20. ตั้งค่าคุณสมบัติเพิ่มเติมใดๆ ที่คุณต้องการตั้งค่า เช่น ซูมภาพตัวคูณการซูม และ การจัดวางรูปขนาดย่อ
21. เมื่อเสร็จเรียบร้อยแล้ว เลือก บันทึก เลือก แก้ไขให้เสร็จสิ้น เพื่อตรวจสอบในหน้า และจากนั้น เลือก เผยแพร่ เพื่อเผยแพร่

ทรัพยากรเพิ่มเติม

ภาพรวมของไลบรารีโมดูล

โมดูลกล่องการซื้อ

โมดูลคอนเทนเนอร์

อัพโหลดรูปภาพ