การเปลี่ยนรูปให้เป็นไปตามการเลือกสี และไซส์ (Image of Attribute)

0

image-15

Image of Attribute คือ การที่ให้รูปสินค้าเปลี่ยนไปตามที่ผู้ซื้อทำการเลือกสี และไซส์ของสินค้า เพื่ออำนวยความสะดวกต่อการตัดสินใจของผู้ซื้อ และป้องกันการเข้าใจผิดเกี่ยวกับตัวสินค้า

ขั้นตอนการทำให้รูปสินค้าเปลี่ยนตามการเลือกสี และไซส์มีดังนี้

1. เข้าไปที่เมนูสินค้า > เพิ่มสินค้า จากนั้นทำการกรอกข้อมูลในกล่องต่างๆ ตามที่ระบบต้องการ เหมือนการเพิ่มสินค้าปกติของร้าน

image-3

2. เมื่อท่านกรอกข้อมูลจนมาถึง แถบที่ชื่อ “เลือกคุณสมบัติย่อย” คลิก √ หน้าข้อความ จากนั้น ระบบจะให้ท่านเลือก สี ไซส์ และขนาด ของสินค้านั้นๆ

image-4

 

3. เมื่อใส่ข้อมูลครบถ้วนแล้ว จะมีตารางปรากฏด้านล่าง โดยแยกสินค้าเป็นสีละ 1 *SKU ตามสี หรือ ไซส์ ที่ท่านเลือกไว้ จะสังเกตเห็นว่าในแต่ละแถวจะมีช่องให้ใส่รูปเพิ่มขึ้นมา คลิกที่เครื่องหมายบวก ( + ) เพื่อใส่รูปตามคุณสมบัติย่อยนั้นๆ

*SKU คือ การแยกสินค้าชนิดเดียวกัน ออกเป็นหลายๆ คุณสมบัติย่อย เช่น เสื้อสีขาว เสื้อสีดำ เสื้อไซส์ S เสื้อไซส์ M เป็นต้น

image-8

4. เมื่อคลิกที่ เครื่องหมายบวก ( + ) เพื่อใส่รูป จะมีป๊อบอัพ ปรากฏที่หน้าจอ ให้ท่านเลือกว่าจะ “เลือกรูปจากคลัง” หรือ “อัพโหลดรูปใหม่” จากเครื่องคอมพิวเตอร์ ซึ่งจะสามารถเลือกใส่ได้เพียงรูปเดียวเท่านั้น

image-11

 

กรณีที่ยังไม่ได้ใส่รูปในแต่ละ SKU

  • การกดเครื่องหมายบวก ( + ) ที่คอลัมน์รูป คือการเลือกรูปมาใส่ใน SKU นั้นๆ
  • ช่องที่ให้ใส่รูปสินค้าในแต่ละ SKU นั้น จะเป้นตัวเลือกพิเศษ ท่านสามารถ “ใส่รูป” หรือ “ไม่ใส่รูป” ก็ได้
  • หากท่านใส่รูปใน SKU ใด SKU หนึ่งแล้ว จะต้องใส่รูปให้ครบทุก SKU ใน รายการสินค้านั้น
กรณีใส่รูปไม่ครบทุก SKU
  • หากเลือกรูปมาใส่ใน SKU แล้ว ช่องอื่นๆที่ยังไม่ได้ใส่รูป จะขึ้นกรอบสีแดงทันที
  • หากใส่รูปยังไม่ครบ แล้วทำการกดบันทึก ระบบจะขึ้นข้อความสีแดงด้านล่างของตาราง “กรุณาใส่รูปลงในคุณสมบัติย่อยให้ครบ

image-9

  • รูปที่ถูกเลือกมาใส่ใน SKU เมื่อไปแสดงผลในหน้าสินค้า จะ แสดงผลต่อท้าย รูปของสินค้า โดยเรียงลำดับตามลำดับของ SKU
  • หากไฟล์รูปของ SKU ซ้ำกับรูปสินค้า ลำดับรูปของ SKU ที่ซ้ำจะไม่แสดง แต่สามารถกดที่คุณสมบัติย่อยที่หน้าสินค้า แล้วรูปยังเปลี่ยนตามแบบที่ผู้ซื้อเลือก
  • หากต้องการลบรูปที่ใส่ไปใน SKU นั้นแล้ว ให้นำเม้าส์ไปวางไว้บนรูปจะมีไอคอน “รูปถังขยะ” ( ปุ่ม Delete ) ปรากฏขึ้น
5. เมื่อกรอกข้อมูลครบถ้วนทุกกล่องตามที่ระบบต้องการแล้ว กดที่ปุ่ม “บันทึก” ด้านล่าง เพื่อบันทึกเข้าระบบ และเป็นการเสร็จสิ้นขั้นตอน

image-12

 

ตัวอย่างการแสดงผลที่หน้าสินค้า

image-21

 

ลำดับการแสดงผลของรูปในหน้าสินค้า

  • กรณีที่ “รูปสินค้า” และ “รูปของคุณสมบัติย่อย” ไม่ซ้ำกัน จะเรียงลำดับจาก “รูปสินค้า” แล้วตามด้วย “รูปของคุณสมบัติย่อย

image-17

 

  • กรณีที่ “รูปสินค้า” และ “รูปของคุณสมบัติย่อย” ซ้ำกัน จะเรียงลำดับจาก “รูปสินค้า” และตามด้วย “รูปของคุณสมบัติย่อย” โดยที่ “รูปของคุณสมบัติย่อย” ที่ซ้ำจะไม่แสดง

กำหนดให้รูปสินค้าเป็น                                                           กำหนดให้รูปของคุณสมบัติย่อยเป็น

      image-18                                                           image-19-1

 

ตัวอย่างการแสดงผล

image-20

  • กรณีที่ “รูปของคุณสมบัติย่อย” ซ้ำกัน จะเรียงลำดับจาก “รูปสินค้า” และตามด้วย “รูปของคุณสมบัติย่อย” โดยที่ “รูปของคุณสมบัติย่อย” ที่ซ้ำ ตัวที่อยู่จะแสดงเพียงรูปเดียว

กำหนดให้รูปสินค้าเป็น                                                          กำหนดให้รูปของคุณสมบัติย่อยเป็น

image-18                                                        image-19

 ตัวอย่างการแสดงผล

image-20

ดาวน์โหลดคู่มือ คลิกที่นี่ (18 downloads)

 

 

 

(Visited 202 times, 1 visits today)
Share.

Comments are closed.