การ override คือ การปรับแก้ไขไฟล์ Template ปรับแต่งการแสดงผล โดยที่ไม่ต้องใช้ไฟล์ของ Core System เพื่อให้แสดงผลออกมาตามความต้องการที่ได้ออกแบบไว้ การแสดงหมวดหมู่ของเนื้อหาในหน้าเว็บรูปแบบของ Thumbnail เราสามารถ override หมวดหมู่มาแสดงได้ด้วยขั้นตอนดังนี้

1.เข้า localhost ในส่วนของผู้ดูแลระบบ

การ override คือ การปรับแก้ไขไฟล์ Template ปรับแต่งการแสดงผล โดยที่ไม่ต้องใช้ไฟล์ของ Core System เพื่อให้แสดงผลออกมาตามความต้องการที่ได้ออกแบบไว้
แสดงหน้าผู้ดูแลระบบ เลือกเมนู Extensions คลิก Templates

 

2.คลิกเลือกเทมเพลตที่ต้องการ override

การ override คือ การปรับแก้ไขไฟล์ Template ปรับแต่งการแสดงผล โดยที่ไม่ต้องใช้ไฟล์ของ Core System เพื่อให้แสดงผลออกมาตามความต้องการที่ได้ออกแบบไว้
คลิกเทมเพลตที่ต้องการ override

 

3.คลิกที่เมนู Create Overrides

การ override คือ การปรับแก้ไขไฟล์ Template ปรับแต่งการแสดงผล โดยที่ไม่ต้องใช้ไฟล์ของ Core System เพื่อให้แสดงผลออกมาตามความต้องการที่ได้ออกแบบไว้
คลิกที่เมนู Create Overrides

 

4.ส่วนของ Components เลือก com_content ไฟล์ categories

การ override คือ การปรับแก้ไขไฟล์ Template ปรับแต่งการแสดงผล โดยที่ไม่ต้องใช้ไฟล์ของ Core System เพื่อให้แสดงผลออกมาตามความต้องการที่ได้ออกแบบไว้
ส่วนของ Components เลือก com_content ไฟล์ categories

 

 5.ในโฟลเดอร์จะแสดงไฟล์ที่เพิ่มมา ได้แก่ default.php และ default_items.php

การ override คือ การปรับแก้ไขไฟล์ Template ปรับแต่งการแสดงผล โดยที่ไม่ต้องใช้ไฟล์ของ Core System เพื่อให้แสดงผลออกมาตามความต้องการที่ได้ออกแบบไว้
แสดงไฟล์ที่เพิ่มมา ได้แก่ default.php และ default_items.php

 

แก้ไขไฟล์ default_items.php ในโปรแกรม Netbeans

if ($this->maxLevelcat != 0 && count($this->items[$this->parent->id]) > 0) :
?>
    
    <div class="row" > <!-- กำหนดโครงสร้างของ Thumbnail -->
    <?php foreach ($this->items[$this->parent->id] as $id => $item) : ?>

               
            <?php//ดึงรูปภาพหมวดหมู่มาแสดง 
            $params = json_decode($item->params);
            $image = $params->image;

            
            if ($this->params->get('show_empty_categories_cat') || $item->numitems || count($item->getChildren())) :
                if (!isset($this->items[$this->parent->id][$id + 1])) {
                    $class = ' class="last"';
                }
                ?>

                <!-- กำหนดโครงสร้างของ Thumbnail -->
                <div class="span4" >
                    <div class="thumbnail">
                        
                        <!-- ใช้แสดงรูปภาพ และกำหนดภาพ Default มาไว้เพื่อใช้แสดงหมวดหมู่ที่ยังไม่มีรูปภาพ -->
                        <img src="/<?php echo JUri::root() . ($params->image ? $params->image : 'templates/travel/images/image_default.jpg'); ?>" />
                        <div <?php echo $class; ?> >

 

แสดงผลการ override หมวดหมู่

แสดงผลการ override หมวดหมู่

 

 

 

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ตัวอย่าง Prefix และ Suffix ในภาษาอังกฤษ
โดย internTk21 พฤ 04 เม.ย. 2024 4:34 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
123
พฤ 04 เม.ย. 2024 4:34 pm โดย internTk21 View Topic ตัวอย่าง Prefix และ Suffix ในภาษาอังกฤษ
เครื่องอ่านบาร์โค้ด สามารถ สแกนกลับหัว กลับหางได้ไหม และนี่คือคำตอบจาก ChatGPT
โดย mindphp พฤ 04 เม.ย. 2024 4:23 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
89
พฤ 04 เม.ย. 2024 4:23 pm โดย mindphp View Topic เครื่องอ่านบาร์โค้ด สามารถ สแกนกลับหัว กลับหางได้ไหม และนี่คือคำตอบจาก ChatGPT
คำศัพท์ภาษาอังกฤษ Homonyms ที่พบได้ในชีวิตประจำวัน
โดย internTk21 พฤ 04 เม.ย. 2024 2:18 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
80
พฤ 04 เม.ย. 2024 2:18 pm โดย internTk21 View Topic คำศัพท์ภาษาอังกฤษ Homonyms ที่พบได้ในชีวิตประจำวัน
การออกเสียงคำศัพท์ที่ลงท้ายด้วย-ed ในภาษาอังกฤษ
โดย internTk21 พฤ 04 เม.ย. 2024 12:54 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
63
พฤ 04 เม.ย. 2024 12:54 pm โดย internTk21 View Topic การออกเสียงคำศัพท์ที่ลงท้ายด้วย-ed ในภาษาอังกฤษ
ตัวอักษร phonetic ในภาษาอังกฤษที่เสียงสั่น(Voiced)และไม่สั่น(Voiceless)
โดย internTk21 พฤ 04 เม.ย. 2024 10:27 am บอร์ด Microsoft Office Knowledge & line & Etc
0
60
พฤ 04 เม.ย. 2024 10:27 am โดย internTk21 View Topic ตัวอักษร phonetic ในภาษาอังกฤษที่เสียงสั่น(Voiced)และไม่สั่น(Voiceless)
selenium chrome firefox กับ edge ควรใช้บราว์เซอร์แบบไหนดีในการทดสอบ
โดย athirach.offcial อ 02 เม.ย. 2024 10:10 pm บอร์ด Software testing
0
102
อ 02 เม.ย. 2024 10:10 pm โดย athirach.offcial View Topic selenium chrome firefox กับ edge ควรใช้บราว์เซอร์แบบไหนดีในการทดสอบ
Selenium สำหรับ Web scraping
โดย athirach.offcial อ 02 เม.ย. 2024 9:52 pm บอร์ด Software testing
0
72
อ 02 เม.ย. 2024 9:52 pm โดย athirach.offcial View Topic Selenium สำหรับ Web scraping
วิธีการเขียนArgumentative Essay
โดย internTk21 อ 02 เม.ย. 2024 3:54 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
102
อ 02 เม.ย. 2024 3:54 pm โดย internTk21 View Topic วิธีการเขียนArgumentative Essay