Wyszukiwanie w czasie rzeczywistym w kategorii

Tutaj można opisywać i umieszczać porady jak krok po kroku dokonać zmian i poprawek w systemie; np. jak możemy zmodyfikować dany skrypt, zmienić logo sklepu, jak dodać link w stopce, jak przenieść moduł, itd.

Wyszukiwanie w czasie rzeczywistym w kategorii

Postprzez adikon.oc » 20 kwi 2011, o 12:58

Z tego , że openCart korzysta z biblioteki jQuery można korzystać także z różnych pluginów do niego a takim jest dość przyjemny i łatwy w instalacji quicksearch, który może filtorwać listę produktów bez przeładowania strony.

Co i daje ten mod?
Mod dodaje pole input w produktach kategorii i filtruje produkty według wpisanego słowa w czasie rzeczywistym. Można szybko i w prosty sposób otrzymać listę produktów z interesującym nas słowem, ceną czy producentem.
Teraz szuka po całej tabeli produktów, czyli uwzględnia nazwę produktu, producenta i cenę (jednak można to zmienić stosując selektor).

Instalacja
1. Pobierz załącznik, rozpakuj go i skopiuj plik (quicksearch.js) do
catalog/view/javascript/

2. Edytuj
catalog/view/theme/default/stylesheet/stylesheet.css
znajdz
Kod: Zaznacz cały
.sort {
   margin-bottom: 10px;
   background: #F8F8F8;
   height: 30px;
   width: 100%;
}

i zamień na
Kod: Zaznacz cały
.sort {
   position: relative;
   margin-bottom: 10px;
   background: #F8F8F8;
   height: 30px;
   width: 100%;
}


3. Edytuj
catalog/view/theme/default/template/product/category.tpl
znajdz
Kod: Zaznacz cały
<table class="list">
      <?php for ($i = 0; $i < sizeof($products); $i = $i + 4) { ?>

zamień na
Kod: Zaznacz cały
<table class="list" id="product_list">
      <?php for ($i = 0; $i < sizeof($products); $i = $i + 4) { ?>


znajdz w tym samym pliku
Kod: Zaznacz cały
</div>
<?php echo $footer; ?>

zamień na
Kod: Zaznacz cały
</div>
<script type="text/javascript" src="catalog/view/javascript/quicksearch.js"></script>
<script type="text/javascript">
   $(document).ready(function () {
      $("input#search_term").quicksearch("table#product_list tr td", {
         'delay': 100,
         loader: 'span.loading'
      });
   });
</script>
<?php echo $footer; ?>


oraz
Kod: Zaznacz cały
<div class="sort">
      <div class="div1">

zamień na
Kod: Zaznacz cały
<div class="sort">
     <div style="position: absolute; top: 2px; left: 9px;"><input type="text" id="search_term" /> <span class="loading"><img src="catalog/view/theme/default/image/ajax_load.gif" /></span></div>
      <div class="div1">
Nie masz wystarczających uprawnień, aby zobaczyć pliki załączone do tego postu.
adikon.oc
 
Posty: 603
Dołączył(a): 28 gru 2010, o 22:56

Re: Wyszukiwanie w czasie rzeczywistym w kategorii

Postprzez appleseed » 21 lut 2012, o 23:31

w wersji 1.5.1.1 to już historia .... przydałoby się ale nie ma takiej opcji ... wszystko już inaczej wygląda ...
appleseed
 
Posty: 1
Dołączył(a): 17 sty 2012, o 18:21


Powrót do Poprawki i zmiany w Opencart

Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 1 gość

cron