Share
Într-un magazin web OpenCart, bannerele pot fi afișate în mai multe forme. Ele pot fi afișate ca o imagine statică, un carusel sau o prezentare de diapozitive. Fiecare banner poate include una sau mai multe imagini și aceste grupuri de imagini pot fi atribuite diferitelor module în funcție de dimensiune și funcția pe care o utilizează.
Când doriți să plasați un banner pe site-ul dvs., mai întâi încărcați imagini pe bannere și apoi atribuiți aceste bannere cu module de afișare.
În tabloul de bord al OpenCart, navigați la Sistem> Design> Bannere. Să introduceți primul nostru banner, să adăugați un nume la acesta și să setați starea acestuia. Acum am creat un grup pentru imaginile pe care le vom încărca.
Să începem să adăugăm imagini făcând clic pe Adăugați banner buton. După cum vedeți, aici putem adăuga un titlu pentru fiecare limbă magazin web, copiați sau tastați linkul dvs. și răsfoiți sau încărcați fișierul imagine (JPG, PNG sau GIF). Putem atribui cât mai multe imagini de tip banner pe care le dorim, dar toate imaginile ar trebui să aibă aceeași dimensiune sau cel puțin raportul, deoarece aceste imagini vor fi comutate sau alunecate în interiorul unui modul care conține banner. (Convenția de numire a bannerelor poate fi confuză, deoarece sistemul folosește acest termen stindard Pentru o set de imagini banner și utilizări stindard pentru imagine ea însăși.)
Încărcarea imaginilor pentru bannere în OpenCart (Admin> Sistem> Design> Bannere)După cum am aflat mai sus, bannerele sunt afișate cu module în OpenCart. Există trei module utilizate în mod obișnuit pentru a afișa bannere: Modul banner, Carusel și Prezentare imagini. Toate acestea au funcții similare: animă imagini de aceeași dimensiune și le permite utilizatorului să facă clic pe ele.
A Modul banner afișează bannerele prin decolorare banner imagini într-un singur loc după fiecare. Pentru a atribui un banner unui modul pentru banner placeholder, navigați la Extensii> Module> Banner> Editare.
Clic Adăugați modulul și acest lucru ne permite să invocăm bannerele într-un aspect. Trebuie să alegeți ce banner să afișați, să definiți Dimensiune, alegeți a schemă unde să afișați, a Poziția coloanei, Seteaza stare si Ordinea modulului. Dimensiunea modulului ar trebui să fie astfel încât să se potrivească în coloană acesta va fi plasat. Sistemul redimensionează imaginile încărcate în funcție de această dimensiune. aspecte sunt predefinite și numele lor este descriptiv. Poziţie poate fi setat la stânga, la dreapta, sus sau în jos (vedeți detalii despre pozițiile de aspect). Ordin definește matricea aspectului vizual al mai multor module din cadrul unei coloane.
Un banner poate fi atribuit unui modul numai după ce bannerul este deja creat.Modul Slideshow afișează imaginile banner ca o animație de prezentare în mișcare. Acest modul este, în general, afișat pe pagina principală cu imagini de peisaj mai mari. Parametrii principali ai acestui modul - cum ar fi tipul de animație, viteza sau aspectul său - sunt definiți în fișierul tematic, care nu trebuie modificat, deoarece folosim modulul presetat.
Putem să atribuiți un banner deja setat și încărcat într-o prezentare de diapozitive, mergând la Extensii> Module> Prezentare diapozitive> Editare. Atunci când adăugăm un modul, trebuie să facem setări similare ca în modulul banner de mai sus. Alegeți un banner a arăta, adăugați dimensiunea, alegeți a schemă și poziţie, Seteaza stare si Ordin. Vedeți ilustrația de mai jos.
Pentru a obține cea mai bună experiență vizuală, dimensiunea imaginilor banner încărcate anterior ar trebui să aibă aceeași dimensiune ca modulul care urmează să fie utilizat.modul de carusel vă permite să afișați unul lângă altul un set de imagini banner mai mici și să le animați afișându-le și ascunzându-le pas cu pas în timp ce se mișcă orizontal.
Putem configura acest modul în același mod în care am adăugat un banner la o expunere de diapozitive, deși un modul carusel acceptă încă două lucruri:
Aceste module de bannere sunt foarte utile și nu există multe soluții de comerț electronic care le includ ca parte a nucleului, deși au abilități limitate, de ex. nu puteți vedea numărul de clicuri pe bannere. Dacă vrem să măsuram clicurile, putem folosi Google Analytics pentru că (având în vedere că ați instalat deja codul de urmărire).
Dacă faceți clic pe un banner care redirecționează către o pagină de pe același site este un eveniment în termenul Google Analytics. De aceea folosim urmărirea evenimentelor caracteristică a Google Analytics pentru a măsura clicurile banner banner pe site în OpenCart. Iată un exemplu HTML pentru implementarea urmăririi evenimentului:
Un eveniment apare atunci când un utilizator face clic pe ceva. Evenimentul este urmărit de către _trackEvent () care conține următoarele informații: categorie - grup de obiecte pe care dorim să le urmărim (de exemplu, slideshow), acțiune - tipul de interacțiune a utilizatorului (de exemplu, clic pe banner), eticheta - un șir opțional pentru date suplimentare, valoare - datele numerice opționale pentru acțiune. După cum puteți vedea, o linie simplă de modificări HTML va ajuta la urmărirea clicurilor banner.
Modulele banner, slideshow și carusel au propriile șabloane în directorul temei utilizate. Trebuie doar să schimbăm câteva linii în fișierele șablon modulului. Aceasta este ceea ce trebuie să adăugăm la etichete din fișierele șablon: onClick = "_ gaq.push (['_ trackEvent', 'tip banner', 'clicked', '„]);“
Pentru bannere, găsiți această piesă sau un cod similar în tema proprie folderul dvs. tematic \ template \ module \ banner.tpl fişier:
„>
și înlocuiți cu aceasta:
"onClick =" _ gaq.push (['_ trackEvent', 'Bannere', 'Clicate', '„]);">
După cum puteți vedea, am adăugat bannere dupa cum categorie component, a dat clic dupa cum acțiune, si unslashed versiunea banner title la fel de eticheta. Nu am avut nevoie să alegem o valoare, deoarece aceasta implică una și, în cazul nostru, asta este ceea ce avem nevoie.
Șablonul de slideshow, care pot fi găsite la folderul dvs. tematic \ template \ module \ slideshow.tpl, ar trebui să fie schimbat de la aceasta:
„>
la acest:
"onClick =" _ gaq.push (['_ trackEvent', 'Slideshow', 'Clicată', '„]);">
Modelul de carusel se găsește la folderul tematic \ template \ module \ carousel.tpliar aceste linii trebuie schimbate de la aceasta:
![<?php echo $banner['title']; ?>](http://accentsconagua.com/img/<?php echo $banner['image']; ?> "<?php echo $banner['title']; ?>")
la acest:
Rezultatele clicurilor pot fi văzute dacă mergi la Google Analytics și mergi la Comportament secțiune> Evenimente Prezentare generală. Acolo vom vedea categoria (în cazul nostru, tipul de banner), numărul de clicuri și numele bannerului.
Am aflat că mai întâi trebuie să încărcăm imaginile bannerului în bannere (grupuri), astfel încât mai târziu să le putem atribui unui modul de afișare, cum ar fi banner, slideshow sau carusel. Mai târziu, am schimbat fișierele șablonului modulului pentru a urmări evenimentele cu clicuri pe Google Analytics.
Dacă aveți întrebări, vă rugăm să le întrebați în zona de discuții de mai jos.
Accentsconagua