Top vanzatori

  • Delete Orders
    Delete Orders

    Activaţi opţiunea să şteargă comenzile în pagina de admin - > ordine...

    $0.00
  • CoolShare
    CoolShare

    Adauga o marcaje sociale cu mouse-ul peste animaţie.

    $0.00
  • Categories image
    Categories image

    Acest modul permite afișarea bloc în categorie, dar cu miniaturi de...

    $0.00
  • SlideOut
    SlideOut

    Adauga un cadru dintr-meniu cu jQuery animaţie la partea stângă a dvs....

    $0.00
  • Mass price update
    Mass price update

    Acest modul vă permite să actualizaţi cantitatea sau procentul,...

    $0.00

Ultimele comenzi (+)

Countdown Specials - Flash sales

Primit:2017-01-16 20:21:33
Client: Alejandro
Trimite la: sdf, Chile
Valoarea comenzii:$53.55
View all ->
CSV/TXT/XML Cron Import / Dropshipping

Primit:2016-12-31 00:42:19
Client: Angelo Elmidio
Trimite la: Novara, Italia
Valoarea comenzii:$49.50
View all ->
PrestaShop Quick service failure solution - Nº of errors to fix : 1, Priority : Normal

Primit:2016-12-14 19:18:16
Client: Catalin
Trimite la: baierbrunn, Germania
Valoarea comenzii:$10.00
View all ->
PrestaSpeed

Primit:2016-12-11 14:28:48
Client: hhhhh
Trimite la: kkkkkkk, Olanda
Valoarea comenzii:$55.00
View all ->
Image editing for products

Primit:2016-12-11 11:38:53
Client: Igor
Trimite la: bayreuth, Franţa
Valoarea comenzii:$4.00
View all ->

Structura de fişier pentru o temă

Atunci când creaţi o temă, trebuie să se gândească la faţă de toate pagini diferite şi bucăţi de informaţii care vă temă a manipula corect, pentru a oferi o experienţă completă pentru client. Aici din nou, tema implicită este o modalitate buna de a obţine inspiraţie, atât în fişiere dispune şi comportamente este formata pentru, dar, de asemenea, în codul său, care te pot arunca cu capul în pentru a intelege mai bine cum functioneaza o temă.

În primul rând, aici este lista de fişiere necesare şablon (jefuitor de alertă: există 60 dintre ele. Da, toate sunt necesare pentru diferite caracteristici PrestaShop):

comanda-adresa-produs-line.tpl comanda-return.tpl
Nume de fişier
Ce este necesar
Alte fişiere şablon utilizat de acest şablon în tema implicită
404. tplDisplay-uri atunci când un fişier nu poate fi găsit. 
Address.tplPermite clientului de a crea o nouă adresă.
  • errors.tpl
Addresses.tplPermite clientului să Vezi adrese ei curent. 
authentication.tplPermite clientului să intraţi în contul ei.
  • comanda-steps.tpl
  • errors.tpl
cel mai bun-sales.tpl

Afişează produsele vândute.

  • produs-sort.tpl
  • BNR-rezultat-page.tpl
  • produs-compare.tpl
  • Pagination.tpl
  • produs-list.tpl
breadcrumb.tpl Afişează categoria calea curent produs/categorie.
  • breadcrumb.tpl
Categorie-cms-copac-branch.tplTrece prin categoriile CMS pentru a le afişa.
  • Categorie-cms-copac-branch.tpl
Categorie-count.tplAfişează numărul de produse într-o categorie. 
Categorie-copac-branch.tplTrece prin categoriile de produse pentru a le afişa.
  • Categorie-copac-branch.tpl
category.tplAfişează conţinutul dintr-o categorie: scena, imagine, text, produs comparator, etc.
  • errors.tpl
  • Scenes.tpl
  • Categorie-count.tpl
  • produs-sort.tpl
  • BNR-rezultat-page.tpl
  • produs-compare.tpl
  • Pagination.tpl
  • produs-list.tpl
  • produs-compare.tpl
CMS.tplAfişează conţinutul unei pagini CMS. 
contact-form.tplAfişează formularul de contact de client.
  • errors.tpl
discount.tplAfişează lista de tichete clientului. 
errors.tplAfișează erorile curent. 
footer.tplAfişează subsol.
  • Global.tpl
Global.tplDefineşte mai multe variabile de Smarty, cele mai notabile JavaScript cele. 
Comentarii-tracking.tplAfişează pagina urmărire pentru Comentarii clienţi (vizitatori cu nici un cont).
  • comanda-detail.tpl
header.tplAntetul afişează: HTML doctype, link-uri către fişiere CSS, etc.
  • breadcrumb.tpl
History.tplAfişează toate ordinele ei anterioară la client.
  • errors.tpl
Identity.tplAfişează şi actualizează informaţiile personale clientului.
  • errors.tpl
layout.tplSolicită cărămizi principale de tema: antet, subsol, coloanele, curent şablon şi Live editare.
  • header.tpl
  • footer.tpl
Maintenance.tplAfişează o pagină specială pentru atunci când Magazinul este în întreţinere. 
Producator-list.tplAfişează o listă a tuturor producătorilor.
  • errors.tpl
  • BNR-rezultat-page.tpl
  • Pagination.tpl
manufacturer.tplAfişaţi produsele de la un singur producător.
  • errors.tpl
  • produs-sort.tpl
  • BNR-rezultat-page.tpl
  • produs-compare.tpl
  • Pagination.tpl
  • produs-list.tpl
My-account.tplAfişează pagina de contul clientului. 
BNR-rezultat-page.tplAfişează numărul de produse în pagina curentă. 
nou-products.tplAfişează un bloc cu noile produse.
  • produs-sort.tpl
  • BNR-rezultat-page.tpl
  • produs-compare.tpl
  • Pagination.tpl
  • produs-compare.tpl
  • Pagination.tpl
comanda-adresa-multishipping-products.tplAfişează adresele pentru a livra un produs într-o situaţie multishipping.
  • comanda-adresa-produs-line.tpl
comanda-adresa-multishipping.tpl 
  • comanda-steps.tpl
  • errors.tpl
  • comanda-adresa-multishipping-products.tpl
  
comanda-address.tpl 
  • comanda-steps.tpl
  • errors.tpl
comanda-carrier.tpl 
  • comanda-steps.tpl
  • errors.tpl
comanda-confirmation.tpl 
  • errors.tpl
  • comanda-steps.tpl
comanda-detail.tpl  
comanda-follow.tpl  
comanda-opc-noi-account.tpl  
comanda-opc.tpl 
  • cumpărături-cart.tpl
  • comanda-address.tpl
  • comanda-opc-noi-account.tpl
  • comanda-carrier.tpl
  • comanda-payment.tpl
  • errors.tpl
comanda-payment.tpl 
  • errors.tpl
  • comanda-steps.tpl
  • shopping-cart-produs-line.tpl
 
  • errors.tpl
comanda-slip.tpl  
comanda-steps.tpl  
Pagination.tpl  
password.tpl 
  • errors.tpl
preturi-drop.tpl 
  • produs-sort.tpl
  • BNR-rezultat-page.tpl
  • produs-compare.tpl
  • Pagination.tpl
  • produs-list.tpl
  • produs-compare.tpl
  • Pagination.tpl
produs-compare.tpl  
produse-lista-colors.tpl  
produs-list.tpl  
produs-sort.tpl  
produs.tpl 
  • errors.tpl
  • produs-list.tpl
produse-comparison.tpl  
limitat-country.tpl  
Scenes.tpl  
Search.tpl 
  • errors.tpl
  • produs-sort.tpl
  • BNR-rezultat-page.tpl
  • produs-compare.tpl
  • Pagination.tpl
  • produs-list.tpl
shopping-cart-produs-line.tpl  
cumpărături-cart.tpl 
  • comanda-steps.tpl
  • errors.tpl
  • shopping-cart-produs-line.tpl
sitemap.tpl 
  • Categorie-copac-branch.tpl
  • Categorie-cms-copac-branch.tpl
Stores.tpl  
store_infos.tpl  
furnizor-list.tpl  
supplier.tplFace posibilă pentru a afişa lista de produse per furnizor.
  • errors.tpl
  • produs-sort.tpl
  • BNR-rezultat-page.tpl
  • produs-compare.tpl
  • Pagination.tpl
  • produs-list.tpl

Haideţi să scufundări în modul în care o temă este organizat: foldere, fişiere, în cazul în care fac parte şi cum să le trateze corect

Organizarea de o temă

  • Organizarea de o temă
    • Dosare
      • Fişier miniatură
      • CSS şi Sass
        • CSS
        • Marilena / busola
      • Font
      • Imagine
      • JavaScript
      • Limba
      • Tema mobil
    • Fişiere
      • Fişiere template-uri
      • Foi de stil
      • Fişiere imagine
      • Instrumente

Dosare

Principalele dosare de orice temă de PrestaShop sunt cele:

  • The /cache Dosarul conţine toate fişierele temporare care sunt generate şi refolosite pentru a uşura sarcina server. Dosarul este gol în mod implicit.
  • The /CSS Dosarul conţine toate fişierele CSS.
    • The /Sass Dosarul conţine toate Sass .scss fişierele sursă, înainte ca acestea să fie elaborate în fişiere CSS.
  • The / font folderul conţine fişierele necesare fontului.
  • The /IMG Dosarul conţine toate imaginile.
  • The /JS Dosarul conţine toate fişierele JavaScript.
  • The /lang conţine Tematica traduceri. Sale drepturile de acces ar trebui stabilit la CHMOD 666 (de exemplu), astfel încât instrumentul de traducere back office pot citi şi scrie în ea.

Următoarele foldere nu sunt direct legate de tema, dar ajuta vă asiguraţi-vă că întregul PrestaShop caracteristică au un design care este în concordanţă cu tema:

  • The /mails pliantconţine template-uri pentru e-mailuri că PrestaShop trimite (confirmarea comenzii, solicitarea de parolă, notificările de transport, etc.).
  • The / mobile Dosarul conţine versiunea mobilă a temei.
  • The /modules folderul conţine fişierele şablon pentru mai multe module.
  • The /PDF folderul conţine fişierele şablon pentru fişiere PDF care PrestaShop generează (facturi, alunecare de livrare, comenzile de aprovizionare, etc.).

Rădăcina folderului conţine numai, fişiere TPL, precum şi Preview.jpg fişier miniatură.

Fişier miniatură

The Preview.jpg fişier la rădăcina tema pliant este miniatură care este folosit de PrestaShop în sale selectorul de tema de back office.

Se serveşte ca un memento vizuale din care este tema, şi ar trebui, prin urmare, face un screenshot, mai degrabă decât logo-ul companiei dvs.

Poate avea orice dimensiune-tema implicită este de 180 * 445 pixeli.

Trebuie să fie un fişier JPEG.

CSS şi Sass

CSS

Tematica CSS fişierele se află în /CSS dosarul.

Este recomandabil să aibă o foaie de stil comune pentru global CSS reguli: Global.CSS.
Apoi, fiecare controler ar trebui să aibă propriul fişier CSS: de exemplu, Product.CSS pentru pagina de produs.

Marilena / busola

Sass şi busolăfişierele sunt optional: nu aveţi nevoie pentru a utiliza aceste instrumente pentru a construi fişiere CSS pentru tema de back office.

Dacă utilizaţi Sass şi busola, sfătuim să pună sursa .scss fişiere în /Sass tema, astfel încât alţi dezvoltatori pot avea acces la tema şi reface-le mai uşor.

De acolo, puteţi genera fişiere CSS în /CSS pliant de la Sass fişiere în /Sass folderul!

Font

The / font folderul este opţional: Acesta conţine fonturile pe care aţi ales să utilizaţi pentru tema.

De exemplu, implicit PrestaShop tema utilizări font Font minunat set)http://fortawesome.GitHub.io/font-Awesome/) pentru icoane receptivă, şi, prin urmare, are următoarele fişiere în sale / font pliant:

  • fontawesome-webfont.eot
  • fontawesome-webfont.svg
  • fontawesome-webfont.ttf
  • fontawesome-webfont.woff

În cazul în care nu construi tema cu specifice fontului sau pictograma în minte, puteţi sări peste acest folder.

Imagine

Imagini legate de tema sunt să fie stocate în /IMG dosarul.

Puteţi crea sub-pliant pentru o mai bună organizare. De exemplu, tema implicită are următoarele subfoldere:

  • /icon pentru simplu icoane (de exemplu, cele care nu sunt disponibile în fontul ales set).
  • /jQuery pentru imagini jQuery-specifice.

Aveţi posibilitatea să creaţi mai mult dacă este necesar.

JavaScript

JavaScript fişiere sunt să fie stocate în /JS dosarul.

Spre deosebire de fişiere CSS, vă recomandăm să nu aveţi un fişier JavaScript comune/global, nici nu ar trebui să aveţi un singur fişier per controler.

Limba

Toate fişierele de traducere sunt să fie stocate în /lang dosarul.

Fişiere ar trebui să fie numit după lor codul ISO 3166-1 alpha-2 cu litere mici: de exemplu, fr.php.

Aceste fişiere ar trebui să fie generate de PrestaShop integrat traducere Unealtă (situat în localizarea / traduceri meniu).