Skocz do zawartości
tyszek

Pasek dostępności produktu

Rekomendowane odpowiedzi

Witam czy istnieje jakiś moduł żeby zmieniał napis "5 dostępnych" na pasek podobny jak przy postępie ładowania np pliku na maila??

 

Dobrze by było aby dało się w nim ustawić w jakim przedziale jakie obrazki ma wyświetlać, np jeśli powyżej 5 produktów to 100% dostępności, jak 1 dostępny to 1/5 paska.

 

Ktoś wie coś o takim module??

 

Pozdrawiam

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Ja w PS1.2.x zrobiłem to w JS.

 

/themes/prestashop/js/product.js

I tutaj w funkcji updateDisplay() dopisujesz sobie warunki, np:

 

<span class="syntaxdefault">  obiekt</span><span class="syntaxkeyword">=</span><span class="syntaxdefault">document</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">getElementById</span><span class="syntaxkeyword">(</span><span class="syntaxstring">"stanMag"</span><span class="syntaxkeyword">);
</span><span class="syntaxdefault">              if</span><span class="syntaxkeyword">(</span><span class="syntaxdefault">quantityAvailable </span><span class="syntaxkeyword">>=</span><span class="syntaxdefault"> 10</span><span class="syntaxkeyword">)
</span><span class="syntaxdefault">                    </span><span class="syntaxkeyword">{
</span><span class="syntaxdefault">                        obiekt</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">style</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">backgroundPosition </span><span class="syntaxkeyword">=</span><span class="syntaxdefault"> </span><span class="syntaxstring">"0 0"</span><span class="syntaxkeyword">;
</span><span class="syntaxdefault">                    </span><span class="syntaxkeyword">};
</span><span class="syntaxdefault">                if</span><span class="syntaxkeyword">(</span><span class="syntaxdefault">quantityAvailable </span><span class="syntaxkeyword"><</span><span class="syntaxdefault"> 10</span><span class="syntaxkeyword">)
</span><span class="syntaxdefault">                    </span><span class="syntaxkeyword">{
</span><span class="syntaxdefault">                        obiekt</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">style</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">backgroundPosition </span><span class="syntaxkeyword">=</span><span class="syntaxdefault"> </span><span class="syntaxstring">"0 -16px"</span><span class="syntaxkeyword">;
</span><span class="syntaxdefault">                    </span><span class="syntaxkeyword">};
</span><span class="syntaxdefault">                if</span><span class="syntaxkeyword">(</span><span class="syntaxdefault">quantityAvailable </span><span class="syntaxkeyword"><</span><span class="syntaxdefault"> 5</span><span class="syntaxkeyword">)
</span><span class="syntaxdefault">                    </span><span class="syntaxkeyword">{
</span><span class="syntaxdefault">                        obiekt</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">style</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">backgroundPosition </span><span class="syntaxkeyword">=</span><span class="syntaxdefault"> </span><span class="syntaxstring">"0 -32px"</span><span class="syntaxkeyword">;
</span><span class="syntaxdefault">                    </span><span class="syntaxkeyword">};</span><span class="syntaxdefault">    
                if</span><span class="syntaxkeyword">(</span><span class="syntaxdefault">quantityAvailable </span><span class="syntaxkeyword">==</span><span class="syntaxdefault"> 0 </span><span class="syntaxkeyword">&&</span><span class="syntaxdefault"> allowBuyWhenOutOfStock</span><span class="syntaxkeyword">)
</span><span class="syntaxdefault">                    </span><span class="syntaxkeyword">{
</span><span class="syntaxdefault">                        obiekt</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">style</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">backgroundPosition </span><span class="syntaxkeyword">=</span><span class="syntaxdefault"> </span><span class="syntaxstring">"0 -48px"</span><span class="syntaxkeyword">;
</span><span class="syntaxdefault">                    </span><span class="syntaxkeyword">};
</span><span class="syntaxdefault">                if</span><span class="syntaxkeyword">(</span><span class="syntaxdefault">quantityAvailable </span><span class="syntaxkeyword">==</span><span class="syntaxdefault"> 0 </span><span class="syntaxkeyword">&&</span><span class="syntaxdefault"> </span><span class="syntaxkeyword">!</span><span class="syntaxdefault">allowBuyWhenOutOfStock</span><span class="syntaxkeyword">)
</span><span class="syntaxdefault">                    </span><span class="syntaxkeyword">{
</span><span class="syntaxdefault">                        obiekt</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">style</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">backgroundPosition </span><span class="syntaxkeyword">=</span><span class="syntaxdefault"> </span><span class="syntaxstring">"0 -64px"</span><span class="syntaxkeyword">;
</span><span class="syntaxdefault">                    </span><span class="syntaxkeyword">};</span><span class="syntaxdefault"> </span>

I potem w odpowiednim miejscu w product.tlp

<div style="background-position: 0pt 0pt;" id="stanMag"></div>
Teraz wystarczy ostylować odpowiednim duchem png i gitara.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Mi jednak coś nie działa w wersji 1.5.6, wie ktoś dlaczego? Wszystko jest dodane tak jak w instrukcji plus zrobiłem sobie w Photoshopie png i go sobie ostylowałem w css, ale wyświetla mi tylko pozycję 0px na 0px nie zależnie od ilości danego produktu.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się

Komentowanie zawartości tej strony możliwe jest po zalogowaniu



Zaloguj się



  • Przeglądający

    Brak zarejestrowanych użytkowników, przeglądających tę stronę.

  • Aktywni użytkownicy

    Nikt jeszcze nie otrzymał reputacji w tym tygodniu.

  • Statystyki forum

    • Tematów
      7 785
    • Postów
      37 079
×