Szybki lightbox na stronie

Kilka lat temu pojęcie "lightbox" nikomu nic nie mówiło. Dziś mało kto wyobraża sobie stronę gdzie nie ma tego prostego narzędzia podczas przeglądania zdjęć. W tym artykule opiszę jak w 5 minut zainstalować najprostszego lighbox`a.

Rozszerzenie które będzie wykorzystane to jQuery_lightbox. Wybór ten jest spowodowany tym, że przeważnie klienci życzą sobie na stronach różne dodatki JavaScript, a jako przykłady pokazują elementy ze strony jQuery. Więc aby nie było żadnego konfliktu bibliotek wybieram to.

Zaczynamy od ściągnięcia rozszerzenia i importujemy na serwer:

 Po pomyślnej instalacji. Należy podłączyć statyczne elementy do głównego szablonu. W tym celu wchodzimy w Web>Template>Edit wchole template record. Tam w zakładce includes dodajemy jQuery lightbox (jq_lightbox):

Ostatnim krokiem jest wyczyszczenie cache`u po stronie FE.

Teraz możemy cieszyć się lightbox`em na naszej stronie.