การสร้าง Position ใน Template Helix3 เพื่อนำไปใช้งานวางตำแหน่งของ Module ต่าง ๆ

[Patipat]

ในการทำ Joomla ให้เว็บเป็นเว็บที่สวยงามมีมาตรฐานในการแสดงสินค้า เราจะต้องทำ หน้าเว็บไซต์ของเราให้สวยงามเพื่อ ความดึงดูดและความสนใจ ของลูกค้าเมื่อลูกค้าเปิดเข้ามาในเว็บไซต์ของเราจะทำใหสินค้าเราน่าสนใจมากขึ้น วิธีทำให้สวย ก็สามารถทำได้หลายอย่าง เช่น โหลด Template มาใช้งาน ในบทความนี้ผมจะใช้เป็น Template ของ Helix3 ที่สามารถใช้งานได้กับ Joomla และ ใช้กับ MooZiicart ได้ และวันนี้จะมานำเสนอ เรื่องของ Position ต่างๆ ที่ Template Helix3 สามารถเปลี่ยน หรือ สร้างตำแหน่งได้ง่าย ๆ

ขั้นตอนแรกนะครับเข้าไปที่หน้า Admin สำหรับผู้ใช้งานท่านใดยังไม่มี Template Helix3 ต้องโหลดมาใช้งานก่อนนะครับ => วิธีการดาวโหลดและติดตั้ง Helix3
เข้าหน้า Admin สำหรับ Joomla สามารถดูได้ที่นี่ครับ => เข้าสู่ระบบ Admin
หลังจากนั้นจะได้หน้าระบบหลังบ้านมาครับ แล้ว่ทำการกด Extension => Template

Selection_999(481).png (42.35 KiB) เปิดดู 140 ครั้ง

ต่อมาเราจะเห็นว่า เรามี Template ของ Helix3 ที่เราได้ดาวโหลดมาไว้ แล้วทำการกดทำให้เป็น Default Page คือ ติดดาว หลังจากนั้นให้กด เข้าไปที่ ลูกษรชี้ คำว่า shaper_helix3 - Default

Selection_999(482).png (25.44 KiB) เปิดดู 140 ครั้ง

เมื่อกดเข้ามาแล้วเราจะได้หน้านี้ ให้กดไปที่ แถบ Layout

Selection_999(483).png (29.39 KiB) เปิดดู 140 ครั้ง

เราก็จะเห็นได้ว่า Layout ของ Template Helix3 นั้นแบ่งตาม Grid

วิธีการเพิ่ม Position ให้กด ที่ Add Row นะครับเราจะได้ Position มาหนึ่งตำแหน่งดังภาพนะครับ

Selection_999(485).png (15.55 KiB) เปิดดู 140 ครั้ง

เราสามารถแบ่ง Position ได้ แบ่งตามขนาดข้อมูลของ Grid เลยครับ ให้เรากด ที่ Add Colum แล้วในกรอบสีเหลืองก็จะมีให้เราตั้งค่า ว่าเราจะแบ่งขนาดเท่าไหร่

Selection_999(486).png (24.23 KiB) เปิดดู 140 ครั้ง

แล้วเราก็สามารถลาก วางตำแหน่ง Position ได้ตามต้องการเลยครับ หลังจากนั้นให้กด Save เราจะได้ Position ของเรามา เพื่อที่เราจะสร้าง Module นำมาวางได้ครับ

Selection_999(487).png (17.42 KiB) เปิดดู 140 ครั้ง