ให้เรตสมาชิก: 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 สำหรับค้นหา

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

 

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

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