ให้เรตสมาชิก: 5 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งาน
 

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

 

1.เข้าไปดาวน์โหลด Module Search ที่ https://www.webdesigner-profi.de/joomla-webdesign/shop/modules/module-search.html?lang=en

ดาวน์โหลด Module Search
ดาวน์โหลด Module Search

 

2.เข้า localhost ในส่วนของผู้ดูแลระบบ คลิกเมนู Extensions เลือก Manage เลือก Install

คลิกเมนู Extensions เลือก Manage เลือก Install
คลิกเมนู Extensions เลือก Manage เลือก Install

 

3. Upload ไฟล์ Zip Module Search ที่ดาวน์โหลดมา 

Upload ไฟล์ Zip Module Search ที่ดาวน์โหลดมา
Upload ไฟล์ Zip Module Search ที่ดาวน์โหลดมา

 

4.ในโปรแกรม Netbeans เปิดไฟล์ index.php แทรกโค้ดด้านล่างนี้ ไว้ในส่วนที่ต้องการแสดงช่องค้นหา

<jdoc:include type="modules" name="search" style="xhtml" /> 

 

5.ในส่วนของผู้ดูแลระบบ คลิกเมนู Extensions เลือก Modules

คลิกเมนู Extensions เลือก Modules
คลิกเมนู Extensions เลือก Modules

 

6.คลิกที่ Jshopping Search

คลิกที่ Jshopping Search
คลิกที่ Jshopping Search

 

7.Show Title คลิกปุ่ม Hide เพื่อซ่อนชื่อของโมดูลในหน้าเว็บ , Position คลิกเลือก search เป็นการเลือกตำแหน่งที่จะแสดงโมดูล , Status เลือก Published จากนั้นคลิก Save & Close

Show Title คลิกปุ่ม Hide เพื่อซ่อนชื่อของโมดูลในหน้าเว็บ , Position คลิกเลือก search เป็นการเลือกตำแหน่งที่จะแสดงโมดูล , Status เลือก Published
Show Title คลิกปุ่ม Hide เพื่อซ่อนชื่อของโมดูลในหน้าเว็บ , Position คลิกเลือก search เป็นการเลือกตำแหน่งที่จะแสดงโมดูล , Status เลือก Published

 

8.เลือกเมนู Extensions เลือก Templates จากนั้นคลิกที่ชื่อเทมเพลตที่ใช้งาน

เลือกเมนู Extensions เลือก Templates จากนั้นคลิกที่ชื่อเทมเพลตที่ใช้งาน
เลือกเมนู Extensions เลือก Templates จากนั้นคลิกที่ชื่อเทมเพลตที่ใช้งาน

 

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

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

 

10. คลิกที่  mod_jshopping_search

คลิกที่  mod_jshopping_search
คลิกที่ mod_jshopping_search

 

11.ในโปรแกรม Netbeans จะได้โฟลเดอร์ mod_jshopping_currencies ที่ถูกสร้างไว้ในโฟลเดอร์ html ให้เปิดไฟล์ default.php ขึ้นมา จากนั้น

ปรับโค้ดจาก

<input type = "text" class = "inputbox input-small" placeholder="<?php print _JSHOP_SEARCH?>" name = "search" id = "jshop_search" value = "<?php print htmlspecialchars($search)?>" />
<input class = "button btn" type = "submit" value = "<?php print _JSHOP_GO?>" />

แก้ไขเป็น

<div class="input-group">
<input type = "text" class = "form-control " placeholder="<?php print _JSHOP_SEARCH?>" name = "search" id = "jshop_search" value = "<?php print htmlspecialchars($search)?>" />
<span class="input-group-btn">
<input class = "button btn" type = "submit" value = "<?php print _JSHOP_GO?>" />
</span>
</div>
    

 

ตรวจสอบการแสดงผลในหน้าเว็บจะได้ช่อง search สำหรับค้นหา

แสดงผลในหน้าเว็บ
แสดงผลในหน้าเว็บ

 

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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
(Close) B - ปุ่มตำแหน่งงานไม่ยาวเท่าตัวหนังสือ
โดย thatsawan อ 19 พฤษภาคม 2020 5:58 pm บอร์ด Odoojob.com - Tester
2
5
พ 20 พฤษภาคม 2020 5:50 pm โดย thatsawan
(Close)B - error google map Notice: Undefined property: MdjobsViewCompanyjobs::$item in /home/odoojob/domains/odoo
โดย thatsawan อ 19 พฤษภาคม 2020 5:54 pm บอร์ด Odoojob.com - Tester
2
5
พ 20 พฤษภาคม 2020 5:55 pm โดย thatsawan
(Close)B - คลิกรายละเอียดเเล้ว error 1146
โดย thatsawan อ 19 พฤษภาคม 2020 5:50 pm บอร์ด Odoojob.com - Tester
2
4
พ 20 พฤษภาคม 2020 5:55 pm โดย thatsawan
(Close)B - หน้า index มี error
โดย thatsawan อ 19 พฤษภาคม 2020 5:47 pm บอร์ด Odoojob.com - Tester
2
5
พ 20 พฤษภาคม 2020 5:56 pm โดย thatsawan
สรุปงานที่เคยทำ (เคยฝึกงาน)
โดย sirirat อ 19 พฤษภาคม 2020 4:42 pm บอร์ด M102 - ศิริรัตน์ ทิพย์น้อย
0
13
อ 19 พฤษภาคม 2020 4:42 pm โดย sirirat
งานประจำวันที่ 19 พฤษภาคม 2563
โดย sirirat อ 19 พฤษภาคม 2020 10:01 am บอร์ด M102 - ศิริรัตน์ ทิพย์น้อย
9
70
พ 20 พฤษภาคม 2020 11:15 pm โดย sirirat
การตรวจสอบข้อผิดผลาดในโปรแกรม ERP
โดย sirirat อ 19 พฤษภาคม 2020 3:29 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
29
อ 19 พฤษภาคม 2020 3:29 pm โดย sirirat
วิธีการตรวจสอบว่า ใครเป็น Admin สูงสุดในเว็บบอร์ด phpbb
โดย Ittichai_chupol อ 19 พฤษภาคม 2020 3:10 pm บอร์ด Programming - PHP
1
39
อ 19 พฤษภาคม 2020 3:23 pm โดย thatsawan
การกำหนดสิทธิ์การใช้งานโปรแกรม ERP
โดย sirirat อ 19 พฤษภาคม 2020 2:56 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
36
อ 19 พฤษภาคม 2020 2:56 pm โดย sirirat
การกำหนดสิทธิ์การใช้งานโปรแกรม ERP
โดย Anonymous อ 19 พฤษภาคม 2020 2:35 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
58
อ 19 พฤษภาคม 2020 2:35 pm โดย บุคคลทั่วไป
การสร้าง flowchart ด้วยโปรแกรม Visio
โดย sirirat อ 19 พฤษภาคม 2020 12:43 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
44
อ 19 พฤษภาคม 2020 12:43 pm โดย sirirat
ทำความรู้จัก Mindjet MindManager
โดย sirirat อ 19 พฤษภาคม 2020 12:01 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
79
อ 19 พฤษภาคม 2020 12:01 pm โดย sirirat
อยากทราบวิธีการตั้งค่า php เพื่อที่จะให้ cron ใน phpbb สามารถทำงานได้
โดย Ittichai_chupol อ 19 พฤษภาคม 2020 10:16 am บอร์ด Programming - PHP
0
53
อ 19 พฤษภาคม 2020 10:16 am โดย Ittichai_chupol
ขอความช่วยเหลือ PyCharm
โดย kaao_19 จ 18 พฤษภาคม 2020 10:35 pm บอร์ด Programming - C/C++ & java & Python
2
961
อ 19 พฤษภาคม 2020 1:23 am โดย kaao_19
สรุปการเรียนรู้ประจำวัน 18/05/63
โดย sirirat จ 18 พฤษภาคม 2020 9:42 pm บอร์ด M102 - ศิริรัตน์ ทิพย์น้อย
0
9
จ 18 พฤษภาคม 2020 9:42 pm โดย sirirat
มาทำความรู้จักกับจังหวัดกระบี่ สำหรับผู้สนใจจะมาท่องเที่ยว
โดย sirirat จ 18 พฤษภาคม 2020 5:05 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
42
จ 18 พฤษภาคม 2020 5:05 pm โดย sirirat
สอบถาม ผมกำลังทำ gitlab CI สร้างไฟล์ yml มาแล้วแต่ตอนทำงานมันเป็นแบบนี้ครับเป็นเพราะอะไรครับ
โดย jirawoot จ 18 พฤษภาคม 2020 5:04 pm บอร์ด Programming - C/C++ & java & Python
1
102
อ 19 พฤษภาคม 2020 7:33 pm โดย jirawoot
วิธีการเดินทางจาก จ.กระบี่ มา กทม.
โดย sirirat จ 18 พฤษภาคม 2020 2:49 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
36
จ 18 พฤษภาคม 2020 2:49 pm โดย sirirat
อยากทราบวิธีการ แปลง ไฟล์ html มาเป็น pdf
โดย Ittichai_chupol จ 18 พฤษภาคม 2020 12:26 pm บอร์ด Programming - PHP
2
45
พ 20 พฤษภาคม 2020 1:39 pm โดย Ittichai_chupol
งานประจำวันที่ 18 พฤษภาคม 2563
โดย sirirat จ 18 พฤษภาคม 2020 10:50 am บอร์ด M102 - ศิริรัตน์ ทิพย์น้อย
3
38
จ 18 พฤษภาคม 2020 6:43 pm โดย sirirat