Share
Sunteți un începător Magento? Doriți să creați o temă proprie? Dacă da, acest articol este scris special pentru dvs..
Pentru a începe cu designul și personalizarea temelor Magento, este foarte important să aveți o înțelegere puternică a terminologiei de design Magento și a conceptelor de bază ale fluxului de control al Magento.
Înainte de a începe, merită clarificat câteva lucruri în jurul versiunilor Magento, deoarece aplicația vine în două arome diferite: Ediția comunitarăși Enterprise Edition. Acest articol acceptă următoarele versiuni de Magento:
Pentru a înțelege tot ce acoperim, trebuie să aveți deja instalat și o copie de lucru a Magento (pe care o puteți obține de aici). Dacă aveți deja o înțelegere a tabloului de bord Magento, veți avea probabil mai ușor să urmăriți împreună cu acest tutorial.
Dacă nu, nici o problemă. Vom acoperi toate detaliile în tot articolul.
Înainte de a ajunge adânc în terminologia reală de design, este foarte important să înțelegem conceptul ierarhiei magazinului. Una dintre principalele caracteristici ale Magento este aceea că susține crearea și manipularea mai multor magazine și stocarea vizualizărilor într-o singură configurare.
Să ne uităm la acești termeni de bază și să mergem în detaliu:
Aici puteți vedea că un site web poate avea un magazin sau mai multe magazine, iar un magazin poate avea o vedere la un magazin sau la mai multe magazine. Un scenariu implicit ar fi principalul site web, magazinul principal de site-uri Web și magazinul implicit.
Dacă ați instalat deja și configurați Magento, navigați la panoul de administrare Magento apoi indicați spre Sistem tab. În acea pagină, în partea din stânga sus din meniul de sus, puteți vedea Domeniul actual de configuraredrop down - aceasta afișează scenariul implicit al magazinului Magento.
Să aruncăm o privire la diferite scenarii pentru a obține o înțelegere mai clară a site-urilor web, a magazinelor și a magazinelor.
Să spunem că doriți să vândă îmbrăcăminte pentru bărbați și femei. Ca pornire, nu doriți să oferiți cataloage separate sau suport pentru mai multe limbi pentru magazinul dvs. În acest caz, scenariul ar include un site web, un magazin și un magazin implicit.
Acum spuneți că doriți să vândă îmbrăcăminte pentru bărbați și femei în magazine separate și doriți să împărțiți comenzile clienților și informațiile despre cumpărăturile clienților. În acest fel, clienții pot crea un cont la oricare dintre magazine și au în continuare acces la toate informațiile lor într-o singură locație.
Rețineți că tot nu doriți să acceptați mai multe limbi. În acest caz, acest scenariu ar fi un site web: Un magazin de îmbrăcăminte pentru bărbați, un magazin de îmbrăcăminte pentru femei și un magazin implicit de magazin.
Pe măsură ce afacerea dvs. crește, este posibil să doriți în cele din urmă să o extindeți astfel încât să ofere un magazin de accesorii pentru a vă complimente magazinul de îmbrăcăminte.
În plus, în fiecare magazin, doriți să împărtășiți informații despre clienți și doriți să acceptați mai multe limbi. Acest scenariu include două site-uri web și două magazine:
Acest lucru are ca rezultat două vizualizări ale unui magazin: o vizualizare în magazinul englez și o vedere în magazinul spaniol.
Posibilitățile de a crea instanța unui site Web, a unui magazin și a vizualizărilor magazinului depind de nevoile dvs. Puteți să configurați cât mai multe site-uri, să stocați și să stocați vizualizări de câte ori doriți Panoul de administrație Magento> Sistem> Gestionați Magazinele.
Am văzut că Magento ne permite să configuram mai multe magazine într-un singur set Magento. Bazându-ne pe aceasta, ne permite, de asemenea, să oferim un aspect diferit diferitelor site-uri web, magazine și magazin. Acest lucru este posibil prin intermediul tematică. Putem crea cât mai multe teme pe care le dorim și putem aplica, de asemenea, diferite teme la diferite magazine.
A Pachet de proiectare se referă la colectarea de diverse teme. Accesați directorul Magento app / proiectare / front-end.Aici puteți vedea pachetul "Base". Acesta este pachetul implicit care vine cu Magento. Acest pachet este denumit în mod diferit în cadrul fiecărei versiuni de Magento. De exemplu, în ediția comunitară, acest pachet este denumit "Base", în Pro Edition, acest pachet numit "Pro", iar în Enterprise Edition numit "enterprise".
În plus, puteți adăuga propriul pachet sub în fațădirector. În versiunile anterioare ale Magento, pachetele de proiectare se referă la interfețe.
tematică sunt colecții de fișiere - adică șabloane și skin-uri care vor face aspectul real pe front-end. Pe baza nevoilor noastre, putem schimba aspectul prin editarea și crearea de fișiere noi de șabloane în anumite teme.
Un pachet de design poate avea mai multe teme conexe, dar este recomandat ca fiecare pachet să aibă un implicită temăpentru a face în mod implicit când Magento nu poate găsi o altă temă.
Fiecare temă din Magento are două tipuri de directoare:
Accentsconagua
css fișiere legate de tema respectivă.js fișiere legate de tema respectivă.Magento ne permite să creăm cât mai multe variații tematice după cum este necesar. Când lucrați cu mai multe magazine, aveți posibilitatea să atribuiți diferite variații tematice la diferite magazine. Puteți crea variante de temă, copiind tema implicită în temă nouă și aplicând variante CSS minore acestei teme noi.
De exemplu, să presupunem că ați creat două magazine care împărtășesc aceleași informații, dar doriți ca clientul să simtă o diferență în ceea ce privește culoarea și aspectul ambelor magazine. În acest caz, puteți să creați două variante tematice, să le dați fiecăruia diferită css, js, și imagini și apoi să le aplicați la magazine individuale.
Așa cum am menționat mai devreme în acest articol, este recomandat să aveți o temă implicită în fiecare pachet de design. Pentru că atunci când nu ați alocat nicio temă magazinului dvs., Magento va căuta tema prestabilită în funcție de sistemul de cădere a temelor(pe care o vom acoperi în secțiunea următoare). Dacă nu găsim tema implicită, se va afișa o eroare 404.
Când lucrați cu orice instalare proaspătă Magento, va folosi pachetul "Base" care include și tema implicită. Pentru toate fișierele necesare care nu sunt găsite în tema prestabilită, aceasta va arăta în tema implicită a pachetului de bază.
Este foarte important ca tema dvs. implicită să conțină toate fișierele necesare.
Când lucrați cu teme Magento, este important să înțelegeți sistemul de rezervă pentru tema Magento; în caz contrar, vă puteți pierde în interiorul directorului temelor Magento atunci când încercați să aflați ce blocuri sunt redate care fișiere tematice.
De exemplu, dacă tema personalizată solicită un fișier, spuneți header.phtml, care va face antetul dvs., Magento va căuta fișierul folosind următoarea diagramă:
După cum se arată în diagramă, sistemul de rezervă va arăta mai întâi în directorul tematic personalizat. Dacă nu este găsit, acesta va analiza tema implicită care se află în același pachet ca și tema personalizată. Dacă nu se găsește nici în tema implicită a pachetului de design, se va examina tema implicită a pachetului de bază. Dacă Magento nu poate găsi fișierul special prin acest proces, acesta va afișa un mesaj de eroare.
În versiunile anterioare de Magento, sistemul tematic de rezervă nu include pachetul de bază ca parte finală a sistemului de rezervă. În versiunile anterioare, sistemul de rezervă ar căuta doar un pachet specific de design tematic.
Prin includerea pachetului Base în sistemul de rezervă, Magento ne permite să ne menținem cu ușurință tema doar cu fișierele necesare. De exemplu, spuneți că doriți să aplicați un aspect complet diferit de cele două magazine, cu excepția paginilor contului de client. Acest lucru este posibil prin crearea a două variante de teme și prin valorificarea sistemului de rezervă.
Pentru a realiza acest lucru trebuie să creați două variante de temă și o temă implicită care conține toate fișierele necesare. În acest fel, pachetul de design conține o temă implicită și două variații de temă.
Cele două variante tematice ar trebui să conțină toate fișierele pe care le-ați personalizat salvând pentru paginile contului de client (acestea fiind comune pentru ambele teme). În acest fel, când Magento începe să redă fișierele de pe tema dvs. particulară, aceasta se va îndrepta către paginile contului de client pentru tema prestabilită, deoarece acestea nu au fost definite în tema personalizată.
Blocurile și layout-urile pot fi termeni noi pentru dvs., dar pentru a fi un designer Magento de succes, trebuie să înțelegeți aceste concepte.
Blocurile sunt principala entitate prin care Magento redă aspectul frontal. Prin utilizarea blocurilor, Magento diferențiază diferite părți ale planurilor. Practic, există două tipuri de blocuri.
Blocuri structuralesunt principala schiță a oricărui aspect al frontului din Magento.În mod obișnuit, acestea conțin secțiunile Header, Left, Right, Main și Footer ale unui aspect.
Blocurile de conținut sunt blocurile actuale care se află în interiorul blocurilor structurale pentru a produce o ieșire vizuală finală. Aceste blocuri prezintă funcționalitatea specifică blocului prin intermediul codului HTML. Lista de categorii, lista de produse, lista de subcategorii, etichetele produselor, secțiunile de produse de pe pagina principală și așa sunt blocurile de conținut din interiorul blocului structural.
În sfârșit, layout-urile sunt fișierele XML care vă hărțesc pagina cu blocuri structurale și blocuri de conținut. Fiecare fișiere de aspect conține etichetele prin care puteți controla anumite blocuri.
Fiecare modul Magento are fișiere separate, astfel încât să puteți gestiona cu ușurință modulele specifice modulelor.
Acest articol își propune să ofere un început cuprinzător în care să înceapă dezvoltarea temelor Magento.
Încă aveți întrebări? Nu ezitați să lăsați comentarii sau întrebări sau alte comentarii generale în comentarii!
