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

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

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

 

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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
มือถือ asus จอค้าง รีบู้ต ก็ค้าง ที่โลโก้
โดย kenpapa ส 26 ก.ย. 2020 11:11 am บอร์ด Software Review
1
9
ส 26 ก.ย. 2020 12:23 pm โดย mindphp
เจอปัญหา Forbidden You don't have permission to access /index.php on this server. Additionally, a 403 Forbidden error
โดย mindphp อ 22 ก.ย. 2020 12:58 am บอร์ด Programming - PHP
1
861
อ 22 ก.ย. 2020 7:44 pm โดย mindphp
มาแล้ว!!! MDSMS component สำหรับส่งข้อความผ่านทาง SMS บน Joomla
โดย bolue จ 21 ก.ย. 2020 5:17 pm บอร์ด MindPHP News & Feedback
0
67
จ 21 ก.ย. 2020 5:17 pm โดย bolue
สอบถามเรื่องการอ่านค่าสีสถานะของปุ่ม
โดย blebee90 จ 21 ก.ย. 2020 2:03 pm บอร์ด Programming - C/C++ & java & Python
1
42
จ 21 ก.ย. 2020 3:10 pm โดย mindphp
ต้องการกำหนดรุปแบบของช่องกรอกให้เป็นเเพทเทิร์นของเบอร์โทร เเต่ไม่ต้องการให้กรอกตัวหนังสือ
โดย thatsawan พฤ 17 ก.ย. 2020 3:18 pm บอร์ด JavaScript & Jquery Ajax
5
1155
พ 23 ก.ย. 2020 2:54 pm โดย thatsawan
สถานที่จัดงานแต่งงานชิคๆ แบบไม่ง้อโรงแรม
โดย Anonymous พฤ 17 ก.ย. 2020 2:10 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
55
พฤ 17 ก.ย. 2020 2:10 pm โดย บุคคลทั่วไป
วิธีแก้ ean13 ปัญหาที่เจอคืออะไร แก้ยังไง
โดย bolue พ 16 ก.ย. 2020 6:38 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
50
พ 16 ก.ย. 2020 6:38 pm โดย bolue
สอบวิธีการ check user ว่าเราใช้ user ไหนอยู่ตอนนี้ ได้มั้ยครับ ใน command บน Ubuntu
โดย jirawoot พ 16 ก.ย. 2020 11:25 am บอร์ด Programming - C/C++ & java & Python
3
96
พ 16 ก.ย. 2020 11:52 am โดย mindphp
หน้าเว็บ phpBB เจอปัญหาโหลด 404 บ้างครั้งไม่รู้ว่าเป็นเพราะอะไรได้บ้าง
โดย thatsawan พ 16 ก.ย. 2020 11:17 am บอร์ด Programming - PHP
5
86
อ 22 ก.ย. 2020 1:00 am โดย mindphp
phpBB เป็นโปรแกรมประเภทไหนมาดูกัน
โดย Udomsak2539 อ 15 ก.ย. 2020 6:25 pm บอร์ด phpBB user Guide Knowledge
0
65
อ 15 ก.ย. 2020 6:25 pm โดย Udomsak2539
รวบรวมข้อมูลเบื้องต้น phpBB คืออะไร ฟีเจอร์ และประวัติ
โดย fhakun อ 15 ก.ย. 2020 6:14 pm บอร์ด PHP Knowledge
0
63
อ 15 ก.ย. 2020 6:14 pm โดย fhakun
สอบถาม วิธีเปิดแจ้งเตือน skype ค่ะ
โดย fhakun อ 15 ก.ย. 2020 6:07 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
74
อ 15 ก.ย. 2020 6:07 pm โดย fhakun
ฟีเจอร์พื้นฐานของ phpBB
โดย fhakun อ 15 ก.ย. 2020 5:33 pm บอร์ด PHP Knowledge
0
67
อ 15 ก.ย. 2020 5:33 pm โดย fhakun
สอบถาม วิธีแทรกลิ้งค์ให้ข้อความค่ะ
โดย fhakun อ 15 ก.ย. 2020 4:42 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
5
138
อ 15 ก.ย. 2020 5:05 pm โดย fhakun
สอบถาม วิธีติดตั้ง kazaam ใน ubantu ค่ะ
โดย fhakun อ 15 ก.ย. 2020 3:26 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
7
121
อ 15 ก.ย. 2020 4:38 pm โดย mindphp
ไม่ทราบว่า viewtopic ทำยังไง
โดย Udomsak2539 จ 14 ก.ย. 2020 6:47 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
2
73
อ 15 ก.ย. 2020 10:06 am โดย Udomsak2539
แนะนำโปรแกรม ibis paint และเครื่องมือตัดต่อง่ายๆใน 1 นาที สำหรับมือใหม่
โดย fhakun จ 14 ก.ย. 2020 6:45 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
77
จ 14 ก.ย. 2020 6:45 pm โดย fhakun
รวมวิธี การเดินจาก สงขลา มา กทม.
โดย Udomsak2539 จ 14 ก.ย. 2020 5:10 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
97
อ 15 ก.ย. 2020 12:14 pm โดย mindphp
ความแตกต่างระหว่างภาษาอังกฤษและภาษาฝรั่งเศส
โดย fhakun จ 14 ก.ย. 2020 5:03 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
55
จ 14 ก.ย. 2020 5:03 pm โดย fhakun
วิธีเดินทางจากเมืองทองมาเกษตร
โดย fhakun จ 14 ก.ย. 2020 3:03 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
70
จ 14 ก.ย. 2020 3:03 pm โดย fhakun