Dodanie loadera do presty

[mowgli]

Witam,

Mam następujący problem:

Ze względu na dużą ilość atrybutów, od momentu kliknięcia potwierdź zamówienie, do wyświetlenia potwierdzenia zamówienia mija kilka długich sekund. Zdarza się, że w tym czasie klient odświeży stronę lub ją opuści i zamówienie nie zostaje w pełni przetworzone. 
Żeby temu zapobiec chciałbym dodać prosty loader w css + plik gif z jakim tekstem typy "przetwarzanie zamówienia, proszę czekać". Mam jakiś prosty loader (kod poniżej). Ale nie wiem jak dodać to do presty. Loader miałby się odpalać za poprzez dopięcie klasy css do diva za pomocą JS po kliknięciu w "Potwierdź zamówienia" i ukrywać po załadowaniu potwierdzenia zakupu. Bardzo proszę o jakieś sugestie jak mogę to, lub coś podobnego dodać do presty, mowa tu o wersji 1.6

.loader{
    position: absolute;
    top:0px;
    right:0px;
    width:100%;
    height:100%;
    background-color:#eceaea;
    background-image:url('ajax-loader.gif');
    background-size: 50px;
    background-repeat:no-repeat;
    background-position:center;
    z-index:10000000;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

/* Safari */
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

 

[endriu107]

Kod css najlepiej dodać do pliku global.css pozostałe w zależności o szablonu możesz mieć np. dedykowany plik pod javascript lub możesz go dodać gdzieś do szablonu w plikach tpl.

[mowgli]

Dzięki za wskazówkę, trochę się naszukałem gdzie dodać kod JS. Jakby ktoś szukał to kod JS dodałem szablonach modułów płatności: folder szablonu/modules/bankwire i cashondelivery/views/templates/front