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

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

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

 

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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ขอสอบถามเกี่ยวกับการอัพโหลดรูปภาพเข้า ฐานข้อมูลครับ
โดย benzas00123 จ 20 ม.ค. 2020 6:29 pm บอร์ด SQL - Database
1
11
จ 20 ม.ค. 2020 6:41 pm โดย mindphp
โปรแกรมแปลงหน่วย เครื่องมือในการแปลงหน่วยความจุคอมพิวเตอร์
โดย prmindphp จ 20 ม.ค. 2020 6:24 pm บอร์ด MindPHP News & Feedback
0
10
จ 20 ม.ค. 2020 6:24 pm โดย prmindphp
เทคนิคทำธุรกิจอสังหาอย่างไรให้มีกำไร
โดย Patty Perfume อ 19 ม.ค. 2020 7:12 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
14
อ 19 ม.ค. 2020 7:12 pm โดย Patty Perfume
ความปลอดภัยด้านสุขภาพ เรื่องที่ทุกคนควรเริ่มต้นใฝ่หา
โดย medalezga อ 19 ม.ค. 2020 4:30 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
35
อ 19 ม.ค. 2020 4:30 pm โดย medalezga
วิธีการนำชื่อข้อมูลในชื่อในฐานข้อมูล ในไฟล์ XML ของ module joomla
โดย jamepiyawat ส 18 ม.ค. 2020 6:44 pm บอร์ด Joomla Developing Knowledge
0
56
ส 18 ม.ค. 2020 6:44 pm โดย jamepiyawat
วิธีการจัดทำการระบบแจ้้งเตือนใน phpbb
โดย Ittichai_chupol ส 18 ม.ค. 2020 5:42 pm บอร์ด PHP Knowledge
0
17
ส 18 ม.ค. 2020 5:42 pm โดย Ittichai_chupol
Pillow library ปรับขนาดรูปเป็นเปอร์เซ็นเพื่อนำไปใช้งานได้สะดวก
โดย benzas00123 ส 18 ม.ค. 2020 5:25 pm บอร์ด Python Knowledge
0
8
ส 18 ม.ค. 2020 5:25 pm โดย benzas00123
Pillow library Optimize รูปภาพเพื่อให้มีขนาดของข้อมูลที่เล็กลง
โดย benzas00123 ส 18 ม.ค. 2020 2:53 pm บอร์ด Python Knowledge
0
18
ส 18 ม.ค. 2020 2:53 pm โดย benzas00123
ตัวช่วยในการคำนวณแคลอรี่สำหรับผู้ที่รักการออกกำลังกาย
โดย prmindphp ส 18 ม.ค. 2020 11:50 am บอร์ด MindPHP News & Feedback
0
66
ส 18 ม.ค. 2020 11:50 am โดย prmindphp
เราจะเก็บรูปข้อมูลของรูปลง database เราจะใช้ data type อะไรครับ
โดย benzas00123 ส 18 ม.ค. 2020 11:31 am บอร์ด SQL - Database
2
66
ส 18 ม.ค. 2020 1:17 pm โดย benzas00123
อยากทราบวิธีการแก้ไขปัญหาการ อัพโหลดไฟล์ excel แล้วไม่รองรับภาษาไทย
โดย Ittichai_chupol ศ 17 ม.ค. 2020 5:58 pm บอร์ด Programming - PHP
7
53
จ 20 ม.ค. 2020 2:05 pm โดย saravana
ต้องการนับจำนวนอักษรเเละตัดอักษรที่เกิน มีปัญหากับภาษาไทย
โดย thatsawan ศ 17 ม.ค. 2020 5:18 pm บอร์ด Programming - C/C++ & java & Python
0
17
ศ 17 ม.ค. 2020 5:18 pm โดย thatsawan
สอบถามครับ ลูปค่าออกมาแล้วต้องการให้มันเก็บค่าในตัวแปร ต้องทำยังไงครับ
โดย chatee supasand ศ 17 ม.ค. 2020 3:51 pm บอร์ด Programming - C/C++ & java & Python
3
44
ศ 17 ม.ค. 2020 5:19 pm โดย thatsawan
อยากทราบวิธีก่ารเปิด exe ใน ubutu เวอชั่น 14
โดย Ittichai_chupol ศ 17 ม.ค. 2020 2:33 pm บอร์ด Programming - PHP
2
70
ศ 17 ม.ค. 2020 4:14 pm โดย Ittichai_chupol
วิธีการสร้างระบบชำระเงินด้วย omise โดยใช้ php
โดย Ittichai_chupol พฤ 16 ม.ค. 2020 6:53 pm บอร์ด PHP Knowledge
0
68
พฤ 16 ม.ค. 2020 6:53 pm โดย Ittichai_chupol
Pillow library กับการ เปลี่ยนนามสกุล img ทีเดียวหลายๆ file
โดย benzas00123 พฤ 16 ม.ค. 2020 5:45 pm บอร์ด Python Knowledge
0
27
พฤ 16 ม.ค. 2020 5:45 pm โดย benzas00123
Pillow library ในการจัดการและประมวลผลรูปภาพ
โดย benzas00123 พฤ 16 ม.ค. 2020 5:04 pm บอร์ด Python Knowledge
0
68
พฤ 16 ม.ค. 2020 5:04 pm โดย benzas00123
ความแตกต่างระหว่าง visibility: hidden; กับ display: none;
โดย Ittichai_chupol พ 15 ม.ค. 2020 6:44 pm บอร์ด CSS Knowledge
0
106
พ 15 ม.ค. 2020 6:44 pm โดย Ittichai_chupol
ตัวอย่าง การ Query ข้อมูลทีเป็นที่ได้ผลการค้นหา
โดย mindphp พ 15 ม.ค. 2020 6:40 pm บอร์ด Programming - C/C++ & java & Python
0
40
พ 15 ม.ค. 2020 6:40 pm โดย mindphp
สอบถามครับ ทำไมสร้างตารางฐานข้อมูลแล้ว มันไม่ใน ใน pg
โดย chatee supasand พ 15 ม.ค. 2020 5:55 pm บอร์ด Programming - C/C++ & java & Python
4
42
พ 15 ม.ค. 2020 6:07 pm โดย thatsawan