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

แชร์ ความรู้ในการ พัฒนา Joomla Component Extension Module Plugin

Moderator: mindphp, ผู้ดูแลกระดาน

ภาพประจำตัวสมาชิก
Patipat
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 761
ลงทะเบียนเมื่อ: 10/06/2019 10:12 am

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

โพสต์โดย Patipat » 27/07/2019 4:51 pm

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

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


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


เมื่อกดเข้ามาแล้วเราจะได้หน้านี้ ให้กดไปที่ แถบ Layout
Selection_999(483).png
Selection_999(483).png (29.39 KiB) เปิดดู 64 ครั้ง


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


วิธีการเพิ่ม Position ให้กด ที่ Add Row นะครับเราจะได้ Position มาหนึ่งตำแหน่งดังภาพนะครับ
Selection_999(485).png
Selection_999(485).png (15.55 KiB) เปิดดู 64 ครั้ง


เราสามารถแบ่ง Position ได้ แบ่งตามขนาดข้อมูลของ Grid เลยครับ ให้เรากด ที่ Add Colum แล้วในกรอบสีเหลืองก็จะมีให้เราตั้งค่า ว่าเราจะแบ่งขนาดเท่าไหร่
Selection_999(486).png
Selection_999(486).png (24.23 KiB) เปิดดู 64 ครั้ง


แล้วเราก็สามารถลาก วางตำแหน่ง Position ได้ตามต้องการเลยครับ หลังจากนั้นให้กด Save เราจะได้ Position ของเรามา เพื่อที่เราจะสร้าง Module นำมาวางได้ครับ
Selection_999(487).png
Selection_999(487).png (17.42 KiB) เปิดดู 64 ครั้ง
If you fall, let you stand. :)

  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 3 และ บุคคลทั่วไป 0 ท่าน