ขั้นตอนการ 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]

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ปัจจัยที่ทำให้เกิด Spam score ในเว็บไซต์
โดย athirach.offcial จ 01 เม.ย. 2024 11:27 am บอร์ด Share Knowledge
0
108
จ 01 เม.ย. 2024 11:27 am โดย athirach.offcial View Topic ปัจจัยที่ทำให้เกิด Spam score ในเว็บไซต์
Dell Optiplex 980 ไม่รองรับแรม Rank แบบ Single Rank
โดย mindphp จ 01 เม.ย. 2024 1:55 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
336
จ 01 เม.ย. 2024 1:55 am โดย mindphp View Topic Dell Optiplex 980 ไม่รองรับแรม Rank แบบ Single Rank
การจัดประเภทของการ Test โปรแกรม
โดย athirach.offcial ส 30 มี.ค. 2024 12:54 pm บอร์ด Software testing
0
191
ส 30 มี.ค. 2024 12:54 pm โดย athirach.offcial View Topic การจัดประเภทของการ Test โปรแกรม
เทคนิคการเขียน Test Case ให้ครอบคลุม
โดย athirach.offcial ส 30 มี.ค. 2024 12:50 pm บอร์ด Software testing
0
141
ส 30 มี.ค. 2024 12:50 pm โดย athirach.offcial View Topic เทคนิคการเขียน Test Case ให้ครอบคลุม
Automated test เหมาะสำหรับงานเทสแบบไหน
โดย athirach.offcial ส 30 มี.ค. 2024 12:46 pm บอร์ด Software testing
0
148
ส 30 มี.ค. 2024 12:46 pm โดย athirach.offcial View Topic Automated test เหมาะสำหรับงานเทสแบบไหน
การตรวจสอบภาคจ่ายไฟให้กับ HDD และการระบุปัญหา คอมใช้สัดพักแล้วดับ เครื่อง รีสตาร์ทเอง
โดย mindphp ส 30 มี.ค. 2024 12:43 pm บอร์ด Microsoft Office Knowledge & line & Etc
1
165
ส 30 มี.ค. 2024 12:51 pm โดย mindphp View Topic การตรวจสอบภาคจ่ายไฟให้กับ HDD และการระบุปัญหา คอมใช้สัดพักแล้วดับ เครื่อง รีสตาร์ทเอง
การใช้ Selenium เพื่อเช็คความเร็วของหน้าเว็บ
โดย athirach.offcial ส 30 มี.ค. 2024 12:39 pm บอร์ด Software testing
0
163
ส 30 มี.ค. 2024 12:39 pm โดย athirach.offcial View Topic การใช้ Selenium เพื่อเช็คความเร็วของหน้าเว็บ
การใช้ Python เขียนโปรแกรม GUI เพื่อใช้รัน Selenium
โดย athirach.offcial ส 30 มี.ค. 2024 12:35 pm บอร์ด Software testing
0
165
ส 30 มี.ค. 2024 12:35 pm โดย athirach.offcial View Topic การใช้ Python เขียนโปรแกรม GUI เพื่อใช้รัน Selenium