Joomshopping Thai Edition เป็นส่วนเสริมเพื่อเพิ่มความสามารถให้กับ Joomla สามารถนำไปใช้ในการทำเว็บไซต์ขายสินค้าออนไลน์ได้ ใน Joomshopping Thai Edition จะมีหลายโมดูล ซึ่งหนึ่งในนั้นก็คือโมดูล Jshopping Last Products ที่ใช้สำหรับแสดงสินค้าใหม่หรือสินค้าล่าสุด หากใช้ใน Bootstrap3 การแสดงผลจะแสดงเป็นแนวตั้ง สำหรับบทความนี้จะเป็นการแนะนำการปรับ โมดูล Jshopping Last Products  ให้แสดงสินค้าเป็นแนวนอนและมีเส้นกรอบของแต่ละสินค้า

 

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

เข้าส่วนผู้ดูแลระบบ เลือก Extensions เลือก Templates
เข้าส่วนผู้ดูแลระบบ เลือก Extensions เลือก Templates

 

2.คลิกที่ชื่อของเทมเพลต

คลิกที่ชื่อของเทมเพลต
คลิกที่ชื่อของเทมเพลต

 

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

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

 

4.คลิกที่ mod_jshopping_lastest_products เป็นการ Override Module

Override Module
Override Module

 

5.เปิดโปรแกรม Netbeans ในโฟลเดอร์ html จะได้โฟลเดอร์ mod_jshopping_lastest_products ขึ้นมา

แสดงโฟลเดอร์ mod_jshopping_lastest_products
แสดงโฟลเดอร์ mod_jshopping_lastest_products

 

6.ทดลองรันในหน้าเว็บ joomshopping จะแสดงสินค้าล่าสุด 

แสดงสินค้าล่าสุด
แสดงสินค้าล่าสุด

 

7.ปรับการแสดงสินค้าให้อยู่ในแนวนอน โดยแทรกโค้ด row และ col-lg-3 col-md-3 col-sm-6 col-xs-12 แทรกลงในไฟล์ default.php

<div class="latest_products jshop jshop_list_product row">
<?php if(count($rows)) foreach($rows as $product){ ?>
	 <div class="block_item block_product product col-lg-3 col-md-3 col-sm-6 col-xs-12">

 

8.รันหน้าเว็บ joomshopping จะแสดงสินค้าล่าสุดเป็นแนวนอน

แสดงสินค้าล่าสุดเป็นแนวนอน
แสดงสินค้าล่าสุดเป็นแนวนอน

 

9.ปรับการแสดงสินค้าให้แต่ละสินค้ามีเส้นขอบของช่อง โดย แทรกโค้ด ลงในไฟล์ user.css ที่อยู่ในโฟลเดอร์ css

.product-thumb {

    border: 1px solid #ddd;
    margin-bottom: 20px;
    overflow: auto;

}

 

10.รันหน้าเว็บ joomshopping จะแสดงสินค้าล่าสุดเป็นแนวนอนและมีเส้นขอบของแต่ละช่อง

แสดงสินค้าล่าสุดเป็นแนวนอนและมีเส้นขอบของแต่ละช่อง
แสดงสินค้าล่าสุดเป็นแนวนอนและมีเส้นขอบของแต่ละช่อง

 

เนื้อหาเพิ่มเติม

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
SQL JOIN: การรวมข้อมูลจากหลายตารางในฐานข้อมูล
โดย witsarutt000 พฤ 14 มี.ค. 2024 4:07 pm บอร์ด SQL Knowledge
1
289
พฤ 14 มี.ค. 2024 5:44 pm โดย Sirayu View Topic SQL JOIN: การรวมข้อมูลจากหลายตารางในฐานข้อมูล
PHP การเปลี่ยนแปลงที่สร้างปรากฏการณ์ในโลกของเว็บ
โดย witsarutt000 พฤ 14 มี.ค. 2024 11:17 am บอร์ด PHP Knowledge
0
180
พฤ 14 มี.ค. 2024 11:17 am โดย witsarutt000 View Topic PHP การเปลี่ยนแปลงที่สร้างปรากฏการณ์ในโลกของเว็บ
ปัญหา Harddisk ขึ้น 100% เวลาเซฟไฟล์ หรือภาพ จะค้่างที่หน้าแท๊บ Expolorer
โดย Thanavat_n พ 13 มี.ค. 2024 11:02 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
5
416
พ 13 มี.ค. 2024 1:34 pm โดย Thanavat_n View Topic ปัญหา Harddisk ขึ้น 100% เวลาเซฟไฟล์ หรือภาพ จะค้่างที่หน้าแท๊บ Expolorer
ตู้รองเท้า ไอเท็มวิเศษช่วยจัดระเบียบคอลเลกชันรองเท้าคู่โปรด
โดย @Foretoday อ 12 มี.ค. 2024 1:46 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
226
อ 12 มี.ค. 2024 1:46 pm โดย @Foretoday View Topic ตู้รองเท้า ไอเท็มวิเศษช่วยจัดระเบียบคอลเลกชันรองเท้าคู่โปรด
แนะนำสถานที่น่าเที่ยวในจังหวัดชุมพรพร้อมวิธีการเดินทาง
โดย witsarutt000 จ 11 มี.ค. 2024 6:14 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
177
จ 11 มี.ค. 2024 6:14 pm โดย witsarutt000 View Topic แนะนำสถานที่น่าเที่ยวในจังหวัดชุมพรพร้อมวิธีการเดินทาง
ย้าย VM ข้าม Host ด้วย scp กรณีศึกษา Vmware ESXI
โดย mindphp อ 10 มี.ค. 2024 4:36 am บอร์ด Linux - Web Server
0
272
อ 10 มี.ค. 2024 4:36 am โดย mindphp View Topic ย้าย VM ข้าม Host ด้วย scp กรณีศึกษา Vmware ESXI
IP และ vpn (VMware)
โดย ballmykids อ 10 มี.ค. 2024 2:35 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
230
จ 11 มี.ค. 2024 3:19 pm โดย ballmykids View Topic IP และ vpn (VMware)
แบบนี้ต้องทำยังไง ในกรณีที่ Server เดิมเราได้ทำการ Raid 1 กับ HDD 2 ลูกแรกแล้ว
โดย Anonymous ศ 08 มี.ค. 2024 7:02 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
190
ศ 08 มี.ค. 2024 8:12 pm โดย mindphp View Topic แบบนี้ต้องทำยังไง ในกรณีที่ Server เดิมเราได้ทำการ Raid 1 กับ HDD 2 ลูกแรกแล้ว