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

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

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

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

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


เข้าสู่ระบบจัดการเว็บไซต์ Ketshopweb 

(ตำแหน่งที่ 1) คลิก "ปรับแต่ง"   

(ตำแหน่งที่ 2)  เลือกเมนู "Product Display" 



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

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

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

(ตำแหน่งที่ 3) คลิก "Product Lists"

(ตำแหน่งที่ 4) เลือกเมนู "เปลี่ยนรูปแบบ"



(ตำแหน่งที่ 5) เลือกรูปแบบที่ต้องการจากนั้น คลิก "OK"



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

(ตำแหน่ง A) ตัวอย่างการแสดงผลตามตั้งค่า

(ตำแหน่ง B) เลือกการแสดงผล "เรียงลำดับสินค้า" คือ การกำหนดค่าเริ่มต้นของการเรียงลำดับสินค้า

(ตำแหน่ง C) "จำนวนสินค้าต่อหน้า"

(ตำแหน่ง D) "ลำดับสินค้า"

(ตำแหน่ง E) เลือก เปิด/ปิด "แสดงหมวดหมู่ Uncategory"

(ตำแหน่ง F) เลือก เปิด/ปิด การใช้งาน "Load More"



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

(ตำแหน่ง A) ตัวอย่างการแสดงผลตามตั้งค่า

(ตำแหน่ง B) เปิดใช้งานแสดงผลรูปภาพคุณสมบัติสินค้าที่หน้าปก

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

(ตำแหน่ง D) "ชื่อสินค้า" สามารถปรับรูปแบบฟอนต์ ขนาดฟอนต์ สี และทำให้เป็นตัวหนาได้

(ตำแหน่ง E) "ราคาสินค้า" สามารถปรับรูปแบบฟอนต์ ขนาดฟอนต์ สี และทำให้เป็นตัวหนาได้

(ตำแหน่ง F) กำหนดตำแหน่งชื่อสินค้า และราคา


                      

การแสดงผลป้ายลดราคา

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

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



การแสดงผลป้าย Sold Out

(ตำแหน่ง A) การ เปิด/ปิด ใช้งาน แสดงป้าย Sold Out 

(ตำแหน่ง B) รูปแบบการแสดงผล

(ตำแหน่ง C) การตั้งค่า สีพื้นหลัง สีตัวอักษร และรูปแบบฟอนต์ตัวอักษร

(ตำแหน่ง D) การใส่รูป Sold Out 

(ตำแหน่ง E) ตั้งค่าความโปร่งใสของรูป



การตั้งค่าเส้นขอบ และปุ่มต่างๆ

(ตำแหน่ง A) เปิด/ปิด การแสดงเส้นขอบของการ์ดสินค้า โดยกำหนดขนาด ความโค้งมน และสีของเส้นขอบได้

(ตำแหน่ง B) เปิด/ปิด ปุ่มเพิ่มลงตะกร้า และสามารถกำหนดรูปแบบของปุ่มได้

(ตำแหน่ง C) เปิดใช้งานปุ่ม Wishlist หรือปุ่มเพิ่มสินค้าที่ชอบ

(ตำแหน่ง D) กำหนดตำแหน่งของปุ่มเพิ่มลงตะกร้า และปุ่ม Wishlist




Product Detail 

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

การปรับแต่งการแสดงข้อมูล

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

(ตำแหน่งที่ 1) กำหนดรูปแบบ ได้หลากหลายตำแหน่งได้แก่ ด้านล่าง ด้านบน ด้านซ้าย ด้านขวา

การแสดงผลข้อมูลสินค้าอย่างสั้น

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



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



การแสดงปุ่ม

(ตำแหน่งที่ 4)  ปุ่มเลือกคุณสมบัติสินค้าแบ่งออกเป็น 2 แบบ

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



การเพิ่มปุ่มติดต่อในหน้า 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 น.