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

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

 

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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
B - ข้อมูลผู้สมัครที่กรอกใน mdsoft ไม่ติดมาด้วย
โดย thatsawan พฤ 21 พฤษภาคม 2020 4:51 pm บอร์ด Odoojob.com - Tester
0
1
พฤ 21 พฤษภาคม 2020 4:51 pm โดย thatsawan
B - คลิกเมนูแผงควบคุมเเล้ว เข้าไม่ได้ เด้งกลับมา index
โดย thatsawan พฤ 21 พฤษภาคม 2020 4:47 pm บอร์ด Odoojob.com - Tester
0
1
พฤ 21 พฤษภาคม 2020 4:47 pm โดย thatsawan
สิ่งสำคัญที่คุ้มครองชีวิตให้ปลอดภัย เงินเก็บสำรองฉุกเฉิน
โดย medalezga พฤ 21 พฤษภาคม 2020 4:45 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
34
พฤ 21 พฤษภาคม 2020 4:45 pm โดย medalezga
B - หลังจากสมัคร mapp เข้าระบบครั้งเเรก มี Icon แสดงแปลกๆ ยุ
โดย thatsawan พฤ 21 พฤษภาคม 2020 4:45 pm บอร์ด Odoojob.com - Tester
0
1
พฤ 21 พฤษภาคม 2020 4:45 pm โดย thatsawan
R - [email Formart-mdsoft] หลังจากสมัครผ่าน mapp "แจ้งข้อมูลการเข้าระบบของเว็บไซต์ OdooJob"
โดย thatsawan พฤ 21 พฤษภาคม 2020 4:42 pm บอร์ด Odoojob.com - Manual & Content
0
4
พฤ 21 พฤษภาคม 2020 4:42 pm โดย thatsawan
B - ถ้าเคยสมัครงานไปเเล้ว รอบ 2 ใช้ เมลเดิมสมัคร ระบบจะไม่ส่งเมล User มาเเละใบบอร์ดจะไม่เพิ่มลักษณะงานมาใหม่ให้
โดย thatsawan พฤ 21 พฤษภาคม 2020 4:16 pm บอร์ด Odoojob.com - Tester
0
1
พฤ 21 พฤษภาคม 2020 4:16 pm โดย thatsawan
การกำหนดเลเวลของวัสดุในระบบ ERP เพื่อการใช้งาน
โดย sirirat พฤ 21 พฤษภาคม 2020 3:41 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
26
พฤ 21 พฤษภาคม 2020 3:41 pm โดย sirirat
การผูก Role เข้ากับ User เพื่อกำหนดสิทธิ์การมองเห็น
โดย sirirat พฤ 21 พฤษภาคม 2020 2:53 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
34
พฤ 21 พฤษภาคม 2020 2:53 pm โดย sirirat
R - Option ตัวเลือก Industrials
โดย thatsawan พฤ 21 พฤษภาคม 2020 1:01 pm บอร์ด Odoojob.com - Manual & Content
0
4
พฤ 21 พฤษภาคม 2020 1:01 pm โดย thatsawan
เจอปัญหา GitLab Error 500 เฉพาะ user
โดย mindphp พฤ 21 พฤษภาคม 2020 1:01 pm บอร์ด Linux - Web Server
0
254
พฤ 21 พฤษภาคม 2020 1:01 pm โดย mindphp
R - Option ตัวเลือก ตำแหน่งที่ตั้ง
โดย thatsawan พฤ 21 พฤษภาคม 2020 1:00 pm บอร์ด Odoojob.com - Manual & Content
0
2
พฤ 21 พฤษภาคม 2020 1:00 pm โดย thatsawan
R - Option ตัวเลือก หมวดหมู่
โดย thatsawan พฤ 21 พฤษภาคม 2020 1:00 pm บอร์ด Odoojob.com - Manual & Content
0
1
พฤ 21 พฤษภาคม 2020 1:00 pm โดย thatsawan
R - Option ตัวเลือก การศึกษา
โดย thatsawan พฤ 21 พฤษภาคม 2020 1:00 pm บอร์ด Odoojob.com - Manual & Content
0
1
พฤ 21 พฤษภาคม 2020 1:00 pm โดย thatsawan
R - Option ตัวเลือก สวัสดิการ
โดย thatsawan พฤ 21 พฤษภาคม 2020 1:00 pm บอร์ด Odoojob.com - Manual & Content
0
1
พฤ 21 พฤษภาคม 2020 1:00 pm โดย thatsawan
R - Option ตัวเลือก ประเภทการจ้าง
โดย thatsawan พฤ 21 พฤษภาคม 2020 12:59 pm บอร์ด Odoojob.com - Manual & Content
0
1
พฤ 21 พฤษภาคม 2020 12:59 pm โดย thatsawan
ERP กับการขอเบิกเครื่องมือมาใช้จากสโตร์
โดย sirirat พฤ 21 พฤษภาคม 2020 12:58 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
15
พฤ 21 พฤษภาคม 2020 12:58 pm โดย sirirat
R - Option ตัวเลือก ประสบการณ์
โดย thatsawan พฤ 21 พฤษภาคม 2020 12:53 pm บอร์ด Odoojob.com - Manual & Content
0
2
พฤ 21 พฤษภาคม 2020 12:53 pm โดย thatsawan
R - Option ตัวเลือก เงินเดือน
โดย thatsawan พฤ 21 พฤษภาคม 2020 12:53 pm บอร์ด Odoojob.com - Manual & Content
0
1
พฤ 21 พฤษภาคม 2020 12:53 pm โดย thatsawan
การจัดการภาษีมูลค่าเพิ่มเพื่อนำส่งในระบบ ERP
โดย sirirat พฤ 21 พฤษภาคม 2020 12:00 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
16
พฤ 21 พฤษภาคม 2020 12:00 pm โดย sirirat
การตั้งหนี้จากรายการซื้อวัสดุอุปกรณ์ในระบบ ERP
โดย sirirat พฤ 21 พฤษภาคม 2020 11:00 am บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
17
พฤ 21 พฤษภาคม 2020 11:00 am โดย sirirat