หลังจากที่มีเจ้าของร้านได้เสนอแนะเข้ามาว่าต้องการ กรอบรูปสินค้า (Frame) ที่เรียบง่าย ธรรมดาๆ แต่ดูสวยงามแล้ว เราจึงเพิ่มการปรับแต่งกรอบรูปด้วยตนเองโดยใช้ CSS ไปด้วยเลยครับ ^__^ นอกจากนั้นยังเพิ่มกรอบรูปสินค้าที่เป็น preset ให้เจ้าของร้านได้เลือกใช้กว่าอีก 30 ชิ้น ใครอยากรู้ว่าจะตกแต่งกรอบด้วย CSS ได้อย่างไร และมีกรอบอะไรเพิ่มมาบ้าง ตามมากันเลยครับ

การเลือกใช้ CSS หรือ รูปภาพ เป็นกรอบรูป

คุณสามารถเปลี่ยนการใช้งานกรอบรูปเป็น CSS หรือ รูปภาพ ได้ด้วยการกดคลิกที่สวิตซ์ดังภาพด้านบน ซึ่งส่วนที่ไม่ได้ใช้ จะมีเงาทับพร้อมสัญลักษณ์แม่กุญแจเพื่อสื่อให้รู้ว่า คุณไม่ได้ใช้ส่วนนั้นๆอยู่นั่นเอง

แต่งกรอบรูปภาพสินค้าด้วย CSS

ขณะนี้ คุณสามารถตกแต่งกรอบรูปภาพ Thumbnail ในร้านค้าของคุณ ไม่ว่าจะเป็น กรอบรูปสินค้าทั้งหน้าแรกและในหน้าหมวดหมู่ หรือกรอบรูปบทความ โดยใช้ CSS (Cascading Style Sheets) หรือที่เราๆเรียกกันว่า Style sheets นั่นเอง  ซึ่งคุณสามารถกำหนด ขนาด (pixel) รูปแบบของเส้นกรอบ (Solid, dashed, …) และสีกรอบ

เพิ่มกรอบรูปภาพกว่าอีก 30 ชิ้น

 

 

Leave a Reply