คู่มือการใช้งานversion 8ตกแต่งเว็บไซต์

การปรับแต่งหน้าแสดงผลสินค้า (Product Display)

13 ม.ค. 2020, 11:20
การปรับแต่งหน้าแสดงผลสินค้าบนเว็บไซต์ของร้านค้า เพื่อให้ตอบโจทย์กับลูกค้าและใช้งานง่ายมากที่สุด สร้างแรงจูงใจให้ลูกค้าสามารถตัดสินใจซื้อสินค้าได้อย่างรวดเร็ว

การปรับแต่งการแสดงผลหน้าสินค้า (Product Display)

1. เข้าระบบจัดการหลังบ้านเว็บไซต์ Ketshopweb จากนั้นคลิกคำว่า "ปรับแต่ง"  ในตำแหน่งที่ 1 แล้วเลื่อนลงมาคลิกที่ "Product Display" ตำแหน่งที่ 2 


2. เมื่อเข้ามายังหน้า Product Display จะมีเครื่องมือให้เลือกอยู่ 2 แบบ คือ Product Lists  และ Product Detail

2.1 Product Lists

เป็นหน้าแสดงผลของสินค้า เพื่อเพิ่มความน่าสนใจให้กับสินค้า รวมไปถึงการแจ้งข้อมูลราคาโปรโมชั่น หรือราคาพิเศษให้ลูกค้าทราบ

            การเปลี่ยนรูปแบบการแสดงผลในหน้าสินค้า

              -  คลิกที่ "Product Lists" ในตำแหน่งที่ 1

              -  เลื่อนลงมาต้องแถบข้อมูล  "เปลี่นนรูปแบบ" ในตำแหน่งที่ 2


               - จะมี Pop up รูปแบบการแสดงผลหน้าสินค้า ให้เลือก เมื่อเลือกรูปแบบที่ต้องการ จากนั้นคลิกที่ปุ่ม OK (ตำแหน่งที่ 3 )


  • การปรับแต่งการแสดงผลสินค้า

                          - ตำแหน่งที่ 1 "การเรียงลำดับสินค้า" คือ การกำหนดค่าเริ่มต้นของการเรียงลำดับสินค้า

                          - ตำแหน่งที่ 2  จำนวนสินค้าต่อหน้า



  • การปรับรูปแบบการแสดงสินค้า

                      - ตำแหน่งที่ 1 สัดส่วนรูปภาพสินค้าที่แสดง สามารถแสดงผลได้ทั้งแนวตั้ง แนวนอน ตรงกลาง

                      - ตำแหน่งที่ 2 "ชื่อสินค้า" สามารถปรับรูปแบบฟ้อนท์ตัวอักษรชื่อสินค้าและขนาดตัวอักษรของชื่อสินค้าได้

                      - ตำแหน่งที่ 3 สีตัวอักษรชื่อสินค้า

                      - ตำแหน่งที่ 4 "ราคาขาย" สามารถปรับรูปแบบฟ้อนท์ตัวอักษรราคาขายและขนาดตัวอักษรราคาขายสินค้าได้

                      - ตำแหน่งที่ 5 สีตัวอักษรราคาขาย

                      - ตำแหน่งที่ 6  ตำแหน่งข้อความ



                      

                        - ตำแหน่งที่  7 รูปแบบการแสดงผลป้ายลดราคา มี 2 รูปแบบ คือ แสดงป้าย Sale และ แสดงป้ายเป็น % ที่ลด

                      - ตำแหน่งที่ 8 "ขนาด" สามารถปรับขนาดได้ 3 รูปแบบ คือ ขนาดเล็ก ขนาดกลาง ขนาดใหญ่

                        - ตำแหน่งที่ 9  ขนาดเส้น

                     - ตำแหน่งที่ 10 ขอบโค้ง

                      - ตำแหน่งที่ 11  สีเส้นขอบ

                      - ตำแหน่งที่ 12  รูปแบบปุ่มเพิ่มลงตะกร้า

                        - ตำแหน่งที่ 13 ตำแหน่งปุ่มเพิ่มลงตะกร้า 



           2.2. Product Detail 

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


ตั้งค่าการแสดงข้อมูลทั้งหมดได้ โดนกด On หรือ Off ดังภาพ



  • การแสดงปุ่ม
     ปุ่มเลือกคุณสมบัติสินค้าแบ่งออกเป็น 2 แบบ

- การแสดงแบบ Dropdown

- การแสดงแบบ Button




  • การแสดงผลแกลอรี่สินค้า

                 "กำหนดรูปแบบ" ได้หลากหลายตำแหน่งได้แก่ ด้านล่าง ด้านบน ด้านซ้าย ด้านขวา




  • การแสดงผลแกลอรี่สินค้า

                 สามารถปรับเปลี่ยนรูปแบบรายละเอียดได้ 2 รูปแบบ คือ ด้านบนปุ่มซื้อและด้านล่างปุ่มซื้อ




  • การเพิ่มปุ่มติดต่อในหน้า Product Detail


  ตัวอย่าง : การแสดงผลปุ่มติดต่อในหน้า Product Detail



Ketshopweb | เครื่องมือร้านค้าออนไลน์ ขายคล่อง ส่งสะดวก ครบในที่เดียว

http://www.ketshopweb.com.

เรายินดีให้คำปรึกษาการทำเว็บไซต์ฟรี ไม่มีค่าใช้จ่าย

ติดต่อมาที่ 02-038-5588 , email : sales@ketshopweb.com



Product ListProduct Detailการปรับแต่งการแสดงผลหน้าสินค้า
เปิดร้านค้าออนไลน์ง่าย ๆ ด้วยตัวคุณเอง
logo ketshopweb svg
ทดลองใช้งานฟรี ไม่มีค่าใช้จ่าย
สนใจปรึกษา สำหรับคำแนะนำแพ็คเกจที่เหมาะสมกับธุรกิจของคุณ
เพื่อต่อยอดการขาย และขยายฐานลูกค้า ฟรี! ไม่มีค่าใช้จ่าย
โทร. 02-038-5588
เฉพาะวันทำการ ตั้งแต่เวลา 9:30 - 18:30 น.