Wewyn Manual
วิธีเปลี่ยนรูปและลงรายละเอียดสินค้า 
28 September 2017
1.เทมเพลตของ Wewyn สามารถเปลี่ยนรูปแบบ และเปลี่ยนรูปภาพของสินค้า (Product) ได้ โดยคลิกที่ Product ในแท็บเมนู จะมีรูปแบบให้เลือกใช้มากมาย เพียงคลิกที่สินค้า (Product) ที่ต้องการ
 
 

2. หลังจากนั้นลาก และวางในตำแหน่งของสินค้า (Product) 
 
 
 
 
 
3. สามารถเปลี่ยนรูปของสินค้า (Product) ได้ โดยนำเมาส์ไปวางบนรูปจะมี  ปรากฏขึ้น
 
 
 
 
4. คลิกที่    จะสามารถเลือกรูปภาพที่มีอยู่ หรือเพิ่มรูปภาพใหม่จากเครื่องคอมพิวเตอร์ของคุณได้ โดยคลิกรูปเครื่องหมายบวก 
 
 
 
 
 
5. สามารถเปลี่ยน Title ของสินค้า เพียงคลิกที่ Title  จะปรากฎกล่องข้อความมาให้ สามารถเปลี่ยนได้ทั้งข้อความ ตัวอักษร (Font) ขนาดของตัวอักษร (Size) และอื่น ๆ 
 
 
 
6. เมื่อเปลี่ยน Title ของสินค้าเสร็จให้คลิกรูปเครื่องหมายถูก   ทางมุมบนด้านขวา เพื่อบันทึกข้อมูลที่ได้แก้ไข หรือเปลี่ยนแปลง 
 

7. การเปลี่ยนรายละเอียดของสินค้า ให้คลิกที่ Manage product
 

8. สามารถเปลี่ยนสี Background, เพิ่ม Column, เปลี่ยนตัวอักษร (Font) และเปลี่ยนสี (Color) ของสินค้า (Product) ได้จาก Product Editor 
 
 
 

9. นอกจากนี้ยังสามารถจัดรูปแบบ และเพิ่มคอลัมน์สินค้าได้ โดยไปที่ Set Column และคลิกเลือกคอลัมน์ได้ตามต้องการ ซึ่งสามารถเพิ่มได้สูงสุด 4 คอลัมน์ 
 
10. สามารถเพิ่มสินค้า (Product) ได้ โดยคลิกที่เครื่องหมายบวก  และลบ   หลังจากเพิ่มแล้วสามารถตั้งค่าคอลัมน์ (Column Setting) ได้ หรือจะเพิ่มและลบสินค้า (Product) ได้ใน Advanced settings เพียงคลิก      เพื่อเพิ่ม และแก้ไขรายละเอียดสินค้า
 

 
 
11. เมื่อคลิก Advanced Settings แล้วจะปรากฏ Content Management System (CMS) สามารถเพิ่ม และแก้ไขสินค้าได้ โดยไปที่ช่องจัดการแล้วคลิกที่สัญลักษณ์ดินสอ  
 
 
 
12.  สามารถแก้ไขรายละเอียดสินค้าได้ ทั้งชื่อสินค้า รหัสสินค้า รายละเอียด ราคา ค่าขนส่ง รูปภาพสินค้า และอื่น  ๆ 
 
 
 

13. หลังจากแก้ไขรายละเอียดเสร็จเรียบร้อยแล้วให้คลิกบันทึกการเปลี่ยนแปลง 
 

14. นอกจากนี้ใน Image ยังสามารถใส่รูปภาพพื้นหลังของสินค้าได้ โดยคลิกที่    และคลิกที่เครื่องหมายบวก   จะปรากฏหน้าที่ให้คุณสามารถเลือกรูปภาพฟรี หรือรูปภาพจากคอมพิวเตอร์มาใช้งานได้ 
 
 
 
15. โดยคุณสามารถปรับเปลี่ยนพื้นหลังของ Product ได้จากเมนู ดังต่อไปนี้
 
Attach : สามารถกำหนดภาพพื้นหลังของ Product ได้ 2 แบบ 
Fix คือ ทำให้ภาพพื้นหลังอยู่กับที่ไม่เลื่อนไปไหน 
Scroll คือ ทำให้ภาพพื้นหลังไม่อยู่กับที่ เลื่อนไปตามการเลื่อนไปตาม Scroll  
 
Repeat : สามารถกำหนดรูปภาพพื้นหลังของ Product ว่าต้องการให้เรียงต่อกันหรือไม่ ซึ่งสามารถกำหนดได้ 2 แบบ
Yes คือ ทำให้รูปภาพพื้นหลังถูกทำซ้ำ โดยเรียงต่อกันให้คลุมทั้ง Product
No คือ ทำให้รูปภาพพื้นหลังจะไม่ถูกทำซ้ำ มีเพียงรูปภาพเดียว

Size : กำหนดขนาดของภาพพื้นหลังของ Product ซึ่งมีให้เลือกกำหนด 3 แบบ
Auto คือ ค่าปกติ ใช้ค่าเริ่มต้นของภาพพื้นหลัง 
Cover คือ ขยายภาพพื้นหลังให้มีขนาดใหญ่เท่ากับขนาดของเว็บไซต์ 
Contain คือ ปรับภาพพื้นหลัง ให้มีความยาวและความกว้างเท่า ๆ กัน โดยจะเรียงให้ภาพพื้นหลังชนขอบของเบราว์เซอร์พอดี

X : การกำหนดตำแหน่งของภาพพื้นหลัง มีให้กำหนดได้ 3 แบบ
Left คือ กำหนดให้ภาพพื้นหลังของ Product อยู่ทางซ้าย
Center คือ กำหนดให้ภาพพื้นหลังของ Product อยู่ตรงกลาง
Right คือ กำหนดให้ภาพพื้นหลังของ Product อยู่ทางขวา

Y : การกำหนดตำแหน่งของภาพพื้นหลัง มีให้ตัวเลือกให้กำหนดได้ 3 แบบด้วยกัน
Top คือ กำหนดให้ภาพพื้นหลังของ Product อยู่ข้างบน
Center คือ กำหนดให้ภาพพื้นหลังของ Product อยู่ตรงกลาง
Bottom คือ กำหนดให้ภาพพื้นหลังของ Product อยู่ข้างล่าง

Reset : สามารถรีเซ็ตการแก้ไขภาพพื้นหลังของ Product ให้กลับไปเป็นภาพเริ่มต้นได้
 

16. เมื่อแก้ไขเสร็จแล้วให้คลิก Save