แก้ไขหน้าตาเทมเพลตคอมโพเนนท์VirtueMart3.0 จัดข้อความใต้ภาพสินค้าให้กลี่งกลาง

Sponsored Ads

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

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

บทความ สอนวิธีการ จัดหน้าตารางสินค้า ระหว่างชื่อ สินค้าและภาพอย่างย่อ ให้สวยงาม
หน้าจอ แสดงสินค้าอย่างย่อ หรือหน้าแสดงสินค้าตัวอย่าง ผู้เขียน แก้ไขไฟล์เว็บที่ชื่อ vm-ltr-site โดยกเพิ่มโค๊ต ในบรรทัดที่ 559 padding-left:10px เพิ่มเป็น padding-left:15px เพือเพิมควาเยื้องตัวตารางใหม่ เวลาใชื่อรหัส สินค้า บรรทัดต่อมา ใส่ชื่อพระเครื่อง ความห่างของช่องไฟจะพอดีๆ ส่วนนี้ สามารถเพิ่ม ป้ายกำหนดสถานะของสินค้าได้เช่นกัน เหมือนเทมเพลตราคาแพงของเค้าเลย เช่น ป้ายกำหนดสถาณะ สินค้า ขายแล้ว โทรถาม โชว์สินค้า พร้อมเช่า เราเรียกการกระทำแบบนี้ว่า การกำหนด ช่องฟิลด์ที่กำหนดเอง ซึ่งถ้าผู้เขียนใส่แบบเต็มสูบ ข้อมูลครบๆ จะสวยงามกว่านี้ แต่ตอนนี้เอาแค่นี้ก่อน เพราะพระเครื่องเยอะมากมาย อัพโหลดไมไหว
Sponsored Ads