JQERY SEARCH Sản phẩm trong Ecshop

Đầu tiên, bạn copy đoạn này vào cuối của file styles.css

1. #search_suggest
   
2. {
   
3. position:absolute;
   
4. background:#ffffff;
   
5. text-align:left;
   
6. border:1px solid #91A8B4;
   
7. width:265px;
   
8. top:200px;
   
9. left:757px;
   
10. z-index:100001;
    
11. padding:0;
    
12. margin:0;
    
13. clear:left;
    
14. }
    
15. #search_suggest ol{
    
16. margin:0;
    
17. padding:0;
    
18. display:block;
    
19. }
    
20. #search_suggest ol li{
    
21. margin:0;
    
22. padding:0;
    
23. clear:both;
    
24. overflow:hidden;
    
25. float:left;
    
26. font-size:12px;
    
27. line-height:18px;
    
28. padding:0 5px;
    
29. width:255px;
    
30. display:list-item;
    
31. }
    
32. #search_suggest li.selected {
    
33. background-color:#3366CC;
    
34. color:white;
    
35. cursor:default;
    
36. }
    
37. #search_suggest li.selected span {
    
38. color:white;
    
39. cursor:default;
    
40. }
    
41. #search_suggest li.selected span {
    
42. color:white;
    
43. cursor:default;
    
44. }
    
45. #search_suggest li {
    
46. list-style-image:none;
    
47. list-style-position:outside;
    
48. list-style-type:none;
    
49. display:list-item;
    
50. }
    
51. .suggest-key {
    
52. float:left;
    
53. padding-left:5px;
    
54. text-align:left;
    
55. }
    
56. .suggest-result{
    
57. color:green;
    
58. float:right;
    
59. padding-right:5px;
    
60. text-align:right;
    
61. }

Sao chép mã

Tiếp đến bạn mở file themes/tên folder giao diện/library
1. một số trang thì phần search nằm ở file search_form.lbi và một số thì phần search nằm
file page_header.lbi .Tuy nhiên các bạn có thể tìm phần đó rất dễ, mở phần search ra và
làm theo hướng dẫn tìm

1. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

Sao chép mã

Phần này thường nằm ở đầu tiên của mỗi file thêm vào dưới nó:

1. <script src="http://danphat.com/js/suggest.js" type="text/javascript"></script>
   
2. <div id="search_suggest" style="display:none;top:200px;left:757px;"
   
3. onmouseover='javascript:_over();' onmouseout='javascript:_out();'></div>

Sao chép mã

Chú ý bạn có thể thay danphat.com bằng tên miền tương ứng của bạn ở thư mục cài đặt
ecshop hoặc bạn có thể giữ nguyên cấu trúc code trên.
Tìm tiếp đoạn:

1. </select>
   
2. <input name="keywords" type="text"

Sao chép mã

Thêm vào đằng sau nó

1. <input name="keywords" type="text" id="keyword"
   
2. value="{$search_keywords|escape}" onkeyup="keyupdeal(event,this.value);"
   
3. onkeydown="keydowndeal(event);" onclick="keyupdeal(event,this.value);"
   
4. onblur="closediv();" autocomplete="off" style="vertical-align:top;"/>

Sao chép mã

Cuối cùng là bạn tải file sau đây về giải nén, tải lên thư mục cài đặt ecshop tương ứng

http://www.mediafire.com/downloa ... ocua.com-search.rar