Jump to content
  • 0

Dodanie loadera do presty


mowgli

Question

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); }
}

 

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

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

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...