ดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

            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 จะแสดงสินค้าล่าสุดเป็นแนวนอนและมีเส้นขอบของแต่ละช่อง

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

 

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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
งานประจำวันที่ 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