การทำ image mapping ให้เชื่อมกับสินค้าภายในร้านบน prestashop
จากครั้งที่แล้วผมได้เสนอเกี่ยวกับการทำ image mapping ไปซึ่งผมก็พึ่งรู้ว่า image mapping มันทำได้มากกว่าที่ผมเสนอไปคราวก่อนนั้นก็คือ สามารถลิงค์เชื่อมกับสินค้าภายในร้านเราได้ครับดูตัวอย่างได้จาก http://www.prestashop.com/demo/2-music-ipods ซึ่งเมื่อเราเอาเมาส์ไปชี้ที่รูปภาพมันจะแสดงรายละเอียดของสินค้าเรามาแสดง และยังสามารถลิงค์ไปยังสินค้าดังกล่าวได้ด้วย มาดูวิธีทำกันดีกว่าครับ
ให้เราเข้าไปแก้ไข image mapping ในหน้า admin ของเราครับ แล้วคลิกไปตัวที่เราจะทำการแก้ไข
จากนั้นให้เราลงมาดูที่รูปภาพขนาดใหญ่ ให้นำเมาส์กดวางสี่เหลี่ยมครอบนะตำแหน่งที่จะให้ลิงค์ไปยังสินค้า ดังรูป
ช่องด้านล่างให้เราพิมพ์รายชื่อสินค้าเพื่อทำการค้นหาสินค้าที่ต้องให้ลิงค์ไป จากนั้นกดตกลง
เมื่อเสร็จแล้วจะเป็นดังรูป
สามารถทำเพิ่มเติมได้
เสร็จขั้นตอนแล้วกด บันทึก image map ซะ แล้วไปดูที่หน้าร้านของเรา ไปที่หมวดหมู่ทีเราทำไว้ที่รูปภาพจะมีตัว บวก อยู่เมื่อนำเมาส์ไปวางไว้ก็จะแสดงรายละเอียดสินค้าของเราขึ้นมา และสามารถคลิกเข้าไปได้
ผมว่ามันเป็นอีกหนึ่งฟิวเจอร์ที่น่าสนใจทีเดียวสำหรับ prestashop ซึ่งผมยังไม่เคยเจอสำหรับ cms ตัวอื่น
บทความแนะนำ
