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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
งานประจำวันที่ 2 มิถุนายน 2563
โดย natthanit.r2538 อ 02 มิ.ย. 2020 10:11 am บอร์ด M103 - ณัฐนิตย์ ร่มบ้านโหล๊ะ
4
31
อ 02 มิ.ย. 2020 7:42 pm โดย natthanit.r2538
มารู้จักจังหวัดสงขลา เมืองสองทะเลกันค่ะ
โดย natthanit.r2538 อ 02 มิ.ย. 2020 4:27 pm บอร์ด M103 - ณัฐนิตย์ ร่มบ้านโหล๊ะ
0
7
อ 02 มิ.ย. 2020 4:27 pm โดย natthanit.r2538
ระบบบัญชีคืออะไร มีความสำคัญอย่างไร และจะทำอย่างไรหากต้องการวางระบบบัญชี
โดย natthanit.r2538 อ 02 มิ.ย. 2020 2:13 pm บอร์ด M103 - ณัฐนิตย์ ร่มบ้านโหล๊ะ
0
4
อ 02 มิ.ย. 2020 2:13 pm โดย natthanit.r2538
เปิดบริษัทต้องจดทะเบียนภาษีมูลค่าเพิ่มหรือไม่ ภาษีมูลค่าเพิ่มคืออะไร ??
โดย natthanit.r2538 อ 02 มิ.ย. 2020 12:16 pm บอร์ด M103 - ณัฐนิตย์ ร่มบ้านโหล๊ะ
0
7
อ 02 มิ.ย. 2020 12:16 pm โดย natthanit.r2538
ภ.ง.ด. 1,3,53 คืออะไร
โดย natthanit.r2538 อ 02 มิ.ย. 2020 11:08 am บอร์ด M103 - ณัฐนิตย์ ร่มบ้านโหล๊ะ
0
7
อ 02 มิ.ย. 2020 11:08 am โดย natthanit.r2538
สรุปการประชุมลูกค้าครั้งแรก
โดย natthanit.r2538 จ 01 มิ.ย. 2020 6:46 pm บอร์ด M103 - ณัฐนิตย์ ร่มบ้านโหล๊ะ
0
2
จ 01 มิ.ย. 2020 6:46 pm โดย natthanit.r2538
สวนครัวริมระเบียง
โดย natthanit.r2538 จ 01 มิ.ย. 2020 4:42 pm บอร์ด M103 - ณัฐนิตย์ ร่มบ้านโหล๊ะ
0
10
จ 01 มิ.ย. 2020 4:42 pm โดย natthanit.r2538
วิธีการเดินทางจาก สงขลา มา กรุงเทพฯ
โดย natthanit.r2538 จ 01 มิ.ย. 2020 1:47 pm บอร์ด M103 - ณัฐนิตย์ ร่มบ้านโหล๊ะ
0
17
จ 01 มิ.ย. 2020 1:47 pm โดย natthanit.r2538
งานประจำวันที่ 1 มิถุนายน 2563
โดย natthanit.r2538 จ 01 มิ.ย. 2020 10:53 am บอร์ด M103 - ณัฐนิตย์ ร่มบ้านโหล๊ะ
2
32
อ 02 มิ.ย. 2020 10:00 am โดย natthanit.r2538
note
โดย natthanit.r2538 จ 01 มิ.ย. 2020 10:52 am บอร์ด M103 - ณัฐนิตย์ ร่มบ้านโหล๊ะ
0
6
จ 01 มิ.ย. 2020 10:52 am โดย natthanit.r2538
Work's on Hand ณัฐนิตย์ ร่มบ้านโหล๊ะ M103
โดย natthanit.r2538 จ 01 มิ.ย. 2020 10:49 am บอร์ด M103 - ณัฐนิตย์ ร่มบ้านโหล๊ะ
0
4
จ 01 มิ.ย. 2020 10:49 am โดย natthanit.r2538
list ความรู้ที่มี ว่าเคยเรียน หรือ เคยทำอะไรมาบ้าง
โดย natthanit.r2538 จ 01 มิ.ย. 2020 10:48 am บอร์ด M103 - ณัฐนิตย์ ร่มบ้านโหล๊ะ
2
23
จ 01 มิ.ย. 2020 11:08 am โดย natthanit.r2538
B - เข้าเมนูหน้ารวมรายการใน admin ไม่ได้
โดย thatsawan ศ 29 พฤษภาคม 2020 5:58 pm บอร์ด Odoojob.com - Tester
0
1
ศ 29 พฤษภาคม 2020 5:58 pm โดย thatsawan
B - ยังขาดหน้าผลการค้นหา จาก search.php
โดย mindphp ศ 29 พฤษภาคม 2020 6:11 am บอร์ด FDD (Main)
0
1
ศ 29 พฤษภาคม 2020 6:11 am โดย mindphp
B - กล่องค้นหาจากหน้า index ใช้งานไม่ได้ กดแล้วไม่ไปหน้าค้นหา
โดย mindphp ศ 29 พฤษภาคม 2020 5:39 am บอร์ด FDD (Main)
1
1
ศ 29 พฤษภาคม 2020 5:53 am โดย mindphp
B - ไม่ใช่แค่โชว์ icon facebook มันต้องทำลิงค์เพื่อให้คลิกไป
โดย mindphp ศ 29 พฤษภาคม 2020 4:39 am บอร์ด FDD (Main)
1
2
ศ 29 พฤษภาคม 2020 4:51 am โดย mindphp
อัพเดท phpbb 3.3 เเล้ว extenstion ใช้งานไม่ได้
โดย thatsawan พฤ 28 พฤษภาคม 2020 10:08 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
1
125
พฤ 28 พฤษภาคม 2020 10:10 pm โดย thatsawan
วิธีการสร้าง css ที่ใช้งานเฉพาะในบราวเซอร์ safari เท่านั้น
โดย Ittichai_chupol พฤ 28 พฤษภาคม 2020 6:06 pm บอร์ด CSS Knowledge
0
121
พฤ 28 พฤษภาคม 2020 6:06 pm โดย Ittichai_chupol
R - Set Demo เป็น subdomain ของ ตัวนี้
โดย mindphp พฤ 28 พฤษภาคม 2020 6:17 am บอร์ด มารียา ซีฟู้ดส์ - Developer
0
9
พฤ 28 พฤษภาคม 2020 6:17 am โดย mindphp
อยากทราบวิธีการกำหนด ค่า css ให้กับ button โดยกำหนดเฉพาะแต่ละบราวเซอร์
โดย Ittichai_chupol พ 27 พฤษภาคม 2020 8:39 pm บอร์ด HTML CSS
1
52
พ 27 พฤษภาคม 2020 9:15 pm โดย mindphp