ให้เรตสมาชิก: 5 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งาน
 

ขั้นตอนการ Override Template (โอเวอร์ไลด์ เทมเพลต) ใน Joomla (จูมล่า)

     Override Template Joomla (โอเวอร์ไลด์ เทมเพลต) ก็คือการที่เราเข้าไปแก้ไขไฟล์ Template HTML (เทมเพลต เอ็ชทีเอ็มแอล) ใน Joomla (จูมล่า) ในกรณีที่เราต้องการหน้าเว็บไซต์แบบนี้ แต่ CSS (ซีเอสเอส) ไม่สามารถช่วยปรับให้เป็นไปตามที่เราต้องการได้ ทำให้เรา ต้องทำการ Override Template Joomla เพื่อแก้ไขไฟล์โดยตรง มีข้อดีเป็นอย่างมาก นั่นก็คือ เราสามารถที่จะปรับแก้ไขการแสดงผลต่างๆ ของ ระบบได้โดยที่ไม่จำเปนต้องเข้าไปแก้ไฟล์ Core Sytem (คอร์ ซิสเต็ม) ซึ่งใน เวลาที่มีการอัพเดตนั้นเราก็ไม่ต้องกังวลว่าจะเกิดมีปัญหาทำการกดอัพเดตได้เลย

ขั้นตอนการ Override Template Joomla 

1.กรณีที่ต้องการเปลี่ยนรูป จากไอคอนรถเข็นเป็นไอคอนจูมล่า เราไม่สามารถใช้ CSS ช่วยได้ เราต้องทำการ Override Template (โอเวอร์ไลด์ เทมเพลต)

ขั้นตอนการ Override Template (โอเวอร์ไลด์ เทมเพลต) ใน Joomla (จูมล่า)

 

2.ให้เข้าไปที่ Extensions (เอ็กเทนชัน) >>> เลือก Modules (โมดูล) >>> ใน column Type (คอลัม ไทป์) จะแสดงชื่อ โมดูลหรือคอมโพเน้นท์ ที่เราต้องไปทำการ Overrides (โอเวอร์ไลด์)

 ขั้นตอนการ Override Template (โอเวอร์ไลด์ เทมเพลต) ใน Joomla (จูมล่า)

 

3.หลังจากรู้แล้วว่าเป็น โมดูลหรือคอมโพเน้นท์ ชื่ออะไรให้ไปที่ >>> Extensions >>> เลือก Templates (เทมเพลต)

ขั้นตอนการ Override Template (โอเวอร์ไลด์ เทมเพลต) ใน Joomla (จูมล่า)

 

4. กดเข้าไปที่ column Template ที่เราจะทำการ Override Template

ขั้นตอนการ Override Template (โอเวอร์ไลด์ เทมเพลต) ใน Joomla (จูมล่า)

 

5.เลือก tab Create Overrides >>> จากนั้นหา โมดูลหรือคอมโพเน้นท์ ที่เราต้องการ Override Template จากนั้นกดคลิกเพื่อทำการ Override

ขั้นตอนการ Override Template (โอเวอร์ไลด์ เทมเพลต) ใน Joomla (จูมล่า)

 

6.พอกดแล้วจะขึ้นข้อความดังภาพเป็นตำแหน่งไฟล์ว่าอยู่ที่ไหนส่วนใหญ่จะอยู่ใน  C:\xampp\htdocs\XXXXXX\templates\shop\html\mod_jshopping_cart_ext

ขั้นตอนการ Override Template (โอเวอร์ไลด์ เทมเพลต) ใน Joomla (จูมล่า)

 

7.เปิดไฟล์เพื่อทำการแก้ไขไฟล์ HTML หาบรรทัดที่เป็น iconเพื่อแก้ไขจาก IconCart (ไอคอนคาท) เป็น IconJoomla (ไอคอนจูมล่า)

ขั้นตอนการ Override Template (โอเวอร์ไลด์ เทมเพลต) ใน Joomla (จูมล่า)

 

8.หลังจากทำการ Override Template แล้ว ก็จะเปลี่ยนภาพจากรถเข็นเป็น Icon Joomla ตามที่เราต้องการ

ขั้นตอนการ Override Template (โอเวอร์ไลด์ เทมเพลต) ใน Joomla (จูมล่า)

     เห็นได้ว่าการ Override Template ใน Joomla นั้นช่วยให้เราสามารถออกแบบเว็บไซต์ตามที่เราต้องการได้ แต่ไม่ใช่ว่าต้อง Override ทั้งหมด ให้ใช้ในตอนที่ Css ไม่สามารถช่วยได้ก็ค่อยทำการ Override Template

 

วีดีโอขั้นตอนการ Override Template ใน Joomla

URL : https://www.youtube.com/watch?v=FitNEArDdWo]

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ข้อมูลที่ทำการ loop ไม่เข้าไปเก็บใน array ครับ
โดย bankjittapol จ 18 พ.ย. 2019 8:16 pm บอร์ด Joomla Development
1
10
จ 18 พ.ย. 2019 8:30 pm โดย mindphp
ใช้คำสั่ง วันที่ยังไง โดยไม่ต้องกำหนด timezone
โดย bankjittapol จ 18 พ.ย. 2019 8:11 pm บอร์ด Joomla Development
0
7
จ 18 พ.ย. 2019 8:11 pm โดย bankjittapol
จะกำหนดเงื่อนไขภาษายังไง โดยไม่ไปกำหนดค่าภาษาตรงๆ
โดย bankjittapol จ 18 พ.ย. 2019 8:01 pm บอร์ด Joomla Development
1
10
จ 18 พ.ย. 2019 8:08 pm โดย tsukasaz
ศึกษาการใช้งาน Joomla
โดย numtan5839 จ 18 พ.ย. 2019 7:16 pm บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
0
3
จ 18 พ.ย. 2019 7:16 pm โดย numtan5839
ผลพยากรณ์อากาศ เปลี่ยนภาษาตามการตั้งค่าของผู้ดูแลระบบ
โดย bankjittapol จ 18 พ.ย. 2019 7:11 pm บอร์ด Joomla Developing Knowledge
0
11
จ 18 พ.ย. 2019 7:11 pm โดย bankjittapol
สร้าง list box ใน joomla ที่สามารถเลือก มากกว่า 1 ค่า
โดย bankjittapol จ 18 พ.ย. 2019 6:14 pm บอร์ด Joomla Developing Knowledge
0
9
จ 18 พ.ย. 2019 6:14 pm โดย bankjittapol
จะดึงชื่อจังหวัดมาแสดงใน list ได้ยังไงครับ
โดย bankjittapol จ 18 พ.ย. 2019 5:45 pm บอร์ด Joomla Development
1
15
จ 18 พ.ย. 2019 5:52 pm โดย tsukasaz
ต้องการให้ ใน list แสดงชื่อจังหวัด เพื่อใช้เลือกแสดงครับ
โดย bankjittapol จ 18 พ.ย. 2019 12:03 pm บอร์ด Joomla Development
2
30
จ 18 พ.ย. 2019 4:02 pm โดย bankjittapol
Work's on Hand ตรีเนตร บูรณโพธิ์ทอง M097
โดย numtan5839 จ 04 พ.ย. 2019 11:09 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
2
25
จ 18 พ.ย. 2019 3:27 pm โดย numtan5839
ดู Logs ไฟล์ บน Windows Server แบบ Real Time ตัวอย่าง Apache Logs
โดย mindphp จ 18 พ.ย. 2019 1:45 pm บอร์ด Microsoft Office Knowledge & line & Etc
1
12
จ 18 พ.ย. 2019 1:47 pm โดย mindphp
หา theme language file ไม่เจอ
โดย bankjittapol ส 16 พ.ย. 2019 5:33 pm บอร์ด Joomla Development
2
39
ส 16 พ.ย. 2019 5:50 pm โดย bankjittapol
ต้องการสร้าง แท็ก เพื่อเลือกจังหวัด ที่จะแสดง ต้องทำไงครับ
โดย bankjittapol จ 18 พ.ย. 2019 10:53 am บอร์ด Joomla Development
2
18
จ 18 พ.ย. 2019 11:47 am โดย bankjittapol
เริ่มลงทุนในอสังหาฯ คุณเองก็ทำได้
โดย Patty Perfume อ 17 พ.ย. 2019 6:08 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
26
จ 18 พ.ย. 2019 10:29 am โดย Losa
บันทึกตัวแปรเป็นชื่อไฟล์ลง database ไม่ได้
โดย teenproza7 อ 28 พฤษภาคม 2019 4:52 pm บอร์ด Programming - C/C++ & java & Python
0
221
อ 28 พฤษภาคม 2019 4:52 pm โดย teenproza7
งานประจำวันที่ 18 พฤศจิกายน 2562
โดย numtan5839 จ 18 พ.ย. 2019 10:14 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
1
12
จ 18 พ.ย. 2019 7:16 pm โดย numtan5839
Skype for Business และ Microsoft Teams
โดย Atomseed Suckseed จ 18 พ.ย. 2019 10:11 am บอร์ด MindPHP News / Feedback
0
6
จ 18 พ.ย. 2019 10:11 am โดย Atomseed Suckseed
งานประจำวันที่ 16 พฤศจิกายน 2562
โดย numtan5839 ส 16 พ.ย. 2019 10:28 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
4
23
ส 16 พ.ย. 2019 7:02 pm โดย numtan5839
การใช้งาน Ultrasonic Sensor เซ็นเซอร์ที่ใช้สำหรับตรวจจับระยะห่างของวัดถุ
โดย bankjittapol ส 16 พ.ย. 2019 4:42 pm บอร์ด IOT - Internet of things
0
16
ส 16 พ.ย. 2019 4:42 pm โดย bankjittapol
อยากทราบการแสดงวันที่ในรูปแบบของ joomla
โดย bankjittapol ส 16 พ.ย. 2019 11:14 am บอร์ด Joomla Development
5
48
ส 16 พ.ย. 2019 4:56 pm โดย mindphp
Ultrasonic Sensor คืออะไร
โดย bankjittapol ส 16 พ.ย. 2019 3:40 pm บอร์ด IOT - Internet of things
0
25
ส 16 พ.ย. 2019 3:40 pm โดย bankjittapol