ให้เรตสมาชิก: 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]

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
เงื่อนไข การค้นหา คำที่อยากให้มี และ คำที่ไม่อยากให้มี
โดย aninthana ส 21 ก.ย. 2019 6:03 pm บอร์ด PHP Knowledge
0
17
ส 21 ก.ย. 2019 6:03 pm โดย aninthana
ทำยังไง border ทั้งบอร์ดเป็น link ให้เรากดได้ครับ
โดย jamepiyawat ส 21 ก.ย. 2019 4:58 pm บอร์ด HTML CSS
1
18
ส 21 ก.ย. 2019 5:47 pm โดย mindphp
path way เมือกด step ถัดไปstep ที่เคยผ่านมาจะมีแท็ก a เพิ่มขึ้นทำให้ไปปิดตัวอักษร ครับ
โดย jamepiyawat ส 21 ก.ย. 2019 3:30 pm บอร์ด HTML CSS
0
12
ส 21 ก.ย. 2019 3:30 pm โดย jamepiyawat
อยากทราบวิธีที่จะทำให้คำสั่ง css เปลี่ยนไปตามการตั้งค่าสีของ tamplate ครับ
โดย jamepiyawat ส 21 ก.ย. 2019 2:55 pm บอร์ด Joomla Development
2
23
ส 21 ก.ย. 2019 3:19 pm โดย jamepiyawat
Q - อยากทราบวิธีคำนวณค่าสกุลเงินครับ
โดย birdkritsna ส 21 ก.ย. 2019 11:01 am บอร์ด Programming - PHP
11
90
ส 21 ก.ย. 2019 5:15 pm โดย birdkritsna
การ Install ส่วนขยาย
โดย Anonymous ส 21 ก.ย. 2019 11:11 am บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
1
21
ส 21 ก.ย. 2019 3:09 pm โดย mindphp
งานประจำวันที่ 21 กันยายน 2562
โดย aninthana ส 21 ก.ย. 2019 10:27 am บอร์ด M092 - อนินธนา บุญยัง
2
12
ส 21 ก.ย. 2019 6:34 pm โดย aninthana
งานประจำวันที่ 21 กันยายน 2562
โดย jirawoot ส 21 ก.ย. 2019 10:18 am บอร์ด M090 - นายจิระวุฒิ อัครลิขิตกุล
1
4
ส 21 ก.ย. 2019 7:07 pm โดย jirawoot
งานประจำวันที่ 21 กันยายน 2562
โดย birdkritsna ส 21 ก.ย. 2019 10:12 am บอร์ด M094 - กฤษณะ จะโรจน์รัมย์
2
16
ส 21 ก.ย. 2019 6:21 pm โดย birdkritsna
งานประจำวันที่ 21 กันยายน 2562
โดย chatee supasand ส 21 ก.ย. 2019 10:10 am บอร์ด MT33 - นายชาตรี สุภาแสน
1
8
ส 21 ก.ย. 2019 7:26 pm โดย chatee supasand
งานประจำวันที่ 21 กันยายน 2562
โดย jamepiyawat ส 21 ก.ย. 2019 10:07 am บอร์ด M084 - นายปิยวัช เชาว์วิมล
2
10
ส 21 ก.ย. 2019 7:36 pm โดย jamepiyawat
การบันทึกบัญชี รับเงินมัดจำในเดือนกับข้ามเดือน บันทึกยังไง แตกต่างกันมั้ยค่ะ
โดย thatsawan ศ 20 ก.ย. 2019 8:08 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
2
37
ส 21 ก.ย. 2019 5:09 pm โดย thatsawan
ทำความรู้จัก Cloud
โดย aninthana ศ 20 ก.ย. 2019 8:01 pm บอร์ด Linux - Web Server
0
17
ศ 20 ก.ย. 2019 8:01 pm โดย aninthana
เปรียบเทียบ smart watch รุ่นต่างๆ จากหลายๆค่าย รุ่นไหนโดน รุ่นไหนดี มารับชมกันได้เลย
โดย chatee supasand ศ 20 ก.ย. 2019 5:41 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
35
ศ 20 ก.ย. 2019 5:41 pm โดย chatee supasand
วิธีสมัครและใช้งาน api อัตราแลกเปลี่ยนเงินตรา จาก ธนาคารแห่งประเทศไทย ด้วย php
โดย birdkritsna ศ 20 ก.ย. 2019 4:14 pm บอร์ด PHP Knowledge
0
31
ศ 20 ก.ย. 2019 4:14 pm โดย birdkritsna
จะทำ path way เป็นลูกศรชีต้องทำยังไงครับ
โดย jamepiyawat ศ 20 ก.ย. 2019 3:50 pm บอร์ด HTML CSS
0
20
ศ 20 ก.ย. 2019 3:50 pm โดย jamepiyawat
อยากทราบวิธีที่จะทำให้เมือเรากดปุ่มซื้อสินค้าแล้วจะมีหน้า pop เด้งขึ้นมาครับ
โดย jamepiyawat ศ 20 ก.ย. 2019 3:30 pm บอร์ด HTML CSS
0
16
ศ 20 ก.ย. 2019 3:30 pm โดย jamepiyawat
อยากทราบวิธีทำปุ่มกดสลับค่าระหว่าง list box ครับ
โดย birdkritsna ศ 20 ก.ย. 2019 2:59 pm บอร์ด Programming - PHP
7
82
ส 21 ก.ย. 2019 5:41 pm โดย thatsawan
ระดับ User นี้มีข้อจำกัดอะไรบ้างครับ
โดย Patipat ศ 20 ก.ย. 2019 2:45 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
1
25
ศ 20 ก.ย. 2019 2:50 pm โดย tsukasaz
ทำไมโค้ดของผมแสดงผลชื่อจังหวัดชื่ออำเภอผิดครับ
โดย jamepiyawat ศ 20 ก.ย. 2019 2:20 pm บอร์ด JavaScript & Jquery Ajax
8
57
ศ 20 ก.ย. 2019 3:22 pm โดย jamepiyawat