Crearea propriei tematici de design pentru magazin-script - mdash; WebAsyst

Tema de design pentru Shop-Script trebuie să conțină următorul set de șabloane de bază de afișare:

  • checkout.html
  • checkout.contactinfo.html
  • checkout.shipping.html
  • checkout.payment.html
  • checkout.confirmation.html
  • checkout.success.html
  • checkout.error.html

1. Formarea structurii temei de proiectare

index.html

Șablonul index.html generează structura principală a paginii magazinului cu ajutorul elementelor , , și .

În interiorul elementului poate forma meniul principal de navigare (de exemplu, folosind metoda de aplicații ()>, la fel ca în tema de proiectare „default“), panourile laterale, panoul de fund ( „subsol“) și unități structurale similare ale paginii sunt comune tuturor vitrine pagini.

category.html

Lista de produse

Sfat: codul pentru a afișa lista de produse utilizate în șablonul category.html pot fi folosite pe alte ferestre de pagină, de exemplu, pe o pagină a rezultatelor căutării, astfel încât este convenabil să facă acest cod într-un șablon separat, numindu-l, de exemplu, produsul-list. html. Conectați această extensie șablon șablon category.html puteți utiliza Smarty-funcții:

În tema de design "Implicit" pentru același scop sunt utilizate două șabloane diferite: list-table.html și list-thumbs.html - pentru a forma liste de produse cu design diferit în diferite locuri ale magazinului.

product.html

Șablonul product.html este utilizat pentru a genera conținutul principal al paginii produsului. De obicei, această pagină afișează numele, descrierea, caracteristicile mărfurilor și butonul "Adăugați în coș".

Informațiile despre produse sunt conținute ca o instanță a clasei shopProduct într-o variabilă.

Codul sursă pentru clasa shopProduct este în fișierul wa-apps / shop / lib / classes / shopProduct.class.php.

Pe lângă afișarea informațiilor despre produs, o funcție importantă a paginii produsului este capacitatea de a adăuga bunurile în coșul de cumpărături, apoi mergeți la procesul de comandare. Forma de adăugare a mărfurilor în coșul de cumpărături poate fi creată sub forma unei etichete

, datele ale căror date trebuie transmise prin metoda POST la adresa URL returnată de constructul getUrl ('/ frontendCart / add')>.

Șablonul cart.html este utilizat pentru a afișa o pagină cu o listă de articole adăugate în coșul de gunoi. De regulă, pe o astfel de pagină puteți să modificați numărul de articole comandate de produse, să ștergeți articole individuale din coș sau să mergeți direct la comandă.

Informațiile despre coșul de cumpărături curent sunt conținute în variabilă ca o matrice asociativă cu următoarele elemente:

  • articole - lista mărfurilor adăugate în coș
  • total - suma totală a prețurilor bunurilor comandate, luând în considerare articolele selectate și opțiunile de servicii
  • număr - numărul total de articole comandate

error.html

Dacă solicitați o pagină de vitrine apare o eroare (de exemplu, „Nu a fost găsită“ sau „Eroare internă de server“), pentru a afișa informații despre acest lucru utilizând șablonul error.html. Variabilele disponibile în acest șablon:

  • $ error_message - mesaj de eroare generat de magazin
  • $ error_code - cod de răspuns al serverului, de exemplu, 404 sau 500

3. Suport pentru pluginuri

Designul de bază temă Shop-Script (de exemplu, tema „default“) au construit-in-suport pentru plug-in-uri. Acest suport este în tema de design șablon există inserții speciale (cârlige), care vă permit să adăugați automat conținut suplimentar la fereastra magazin (de exemplu, lista de produse de larg consum branduri, și așa mai departe. N.). Un exemplu de cârlig în șablonul product.html:

Pentru ca tema dvs. de design să susțină afișarea unui conținut suplimentar cu plug-in-uri, copiați astfel de fragmente dintr-unul dintre temele de design de bază (de exemplu, "Implicit") la șabloanele potrivite ale temei proprii.

Conectarea fișierelor comune la cadru

Conectarea propriilor fișiere tematice

Fișierele style.css și script.js care sunt incluse în acest exemplu ar trebui adăugate în folderul cu toate celelalte șabloane tematice.

5. Creați un fișier manifest

Pentru ca Shop-Script să perceapă un set de șabloane create ca elemente ale unei anumite teme de design, trebuie să specificați toate fișierele temei pe care ați creat-o într-un fișier tematic special theme.xml. Pentru un exemplu de fișier manifest și o descriere a elementelor sale, consultați articolul "Integrarea cu aplicația site-ului".

Important: id-ul temei de design, specificat în fișierul manifestului tematic.xml, nu trebuie să se potrivească cu identificatorii altor teme instalate în magazin!

6. Încărcarea pe server

Înainte de a descărca fișiere tematice pe server, acestea trebuie să fie împachetate împreună cu fișierul manifest în arhiva TAR.GZ. Pachete numai fișiere - nici un dosar în care le-ați creat pe computer! Numele fișierului de arhivă nu contează. Arhiva ar trebui adăugată sub linkul "Descărcați tema" în secțiunea "Showcase".

După ce descărcați arhiva, selectați un subiect nou în setările pentru rutarea magazinului online, astfel încât să devină disponibil în magazin.

Pagina anterioară

Pagina următoare