Dezvoltarea unei teme pentru aspectul magento

În acest articol, vom examina elementele de bază ale layoutului XML pentru Magento, vom introduce câteva modificări în local.xml. Este responsabil pentru adăugarea și eliminarea scripturilor, blocarea și modificarea aspectului.







Deci, acum că avem o idee despre principiile generale de dezvoltare a unei teme pentru Magento. putem merge mai adânc.

Fișierele șablonului sunt împărțite în două dosare:

  • Marcaj: app / design / frontend /// layout /
  • Șabloane: app / design / frontend /// template /

Astăzi, vom examina toate fișierele de marcare.

Înainte de a începe, trebuie să facem un lucru important, care va dezactiva memoria cache Magento. Acest pas ne va permite să vedem instantaneu toate modificările, în loc să ștergem cache-ul de fiecare dată după ce ați efectuat orice schimbare. În mod ideal, această setare ar trebui dezactivată în timpul dezvoltării. Mergem la administrare, sistem> gestiune cache și dezactivați toate opțiunile.

Acum putem continua fără probleme acțiuni viitoare.

Directorul de marcare conține fișiere XML care determină în mare măsură ce este afișat în interfața cu utilizatorul a magazinului. În Magento, structura layout-ului este destul de complexă, dar acesta este unul dintre motivele care îl face atât de puternic și flexibil.

Veți găsi sute de fișiere XML, fiecare dintre acestea executându-și funcția. Întregul conținut al aplicației / codului / este definit în fișierele de date XML. Dacă ați instalat o dată un modul terț care afectează interfața magazinului, asigurați-vă că acest modul are propriul fișier XML.

Deci, de unde știți ce fișier să editați?

Notificările convenționale pentru nume de fișiere facilitează găsirea fișierului de care avem nevoie. De exemplu, modulul Magento app / code / core / Mage / Page are propriul fișier XML numit app / design / frontend / base / default / layout / page.xml. După cum vedeți, totul începe să se limpezească aici. După ce ați examinat și ați făcut câteva magazine, veți observa în curând câteva modele și repetiții în fișierele pe care trebuie să le editați.

Notă. amintiți-vă că dezvoltatorii teoretic ai modulelor terță parte pot apela fișierele XML așa cum le cer. În acest caz, dacă nu cunoașteți documentația, va trebui să căutați numele fișierului în interiorul modulului, de obicei, acesta poate fi găsit în fișierul config.xml. De asemenea, rețineți că nu toate modulele au un fișier XML. În mod tipic, un fișier XML va fi prezent numai dacă afectează interfața utilizator a magazinului.

Calea către fișierul de configurare: app / code / local ///etc/config.xml

Rețineți că folosesc baza / implicit ca bază. Dacă trebuie să faceți modificări, copiați întotdeauna fișierele din acest director în propria dvs. pachet / temă de folder propriu. Nu editați niciodată fișierele în bază / implicită.

Pentru a edita acest fișier, trebuie să aveți deja o experiență inițială în dezvoltarea de teme. pentru că această serie de lecții este concepută pentru începători, vom analiza problema caracteristicilor fișierului local.xml. și despre modul în care se referă la dezvoltarea de subiecte.

Ce este local.xml?

Cu cuvintele simple, setările speciale pentru subiectul nostru vor fi plasate în acest fișier. Mi se pare că este o modalitate excelentă de a face mici modificări, cum ar fi adăugarea / eliminarea blocurilor, schimbarea layout-ului. Acesta nu este locul în care dezvoltați complet aspectul paginii, al produsului sau altceva. Pentru a face acest lucru, utilizați un fișier separat catalog.xml.







Deci, cum să setați totul.

Creați un fișier local.xml în folderul nostru de marcă / app / design / frontend //default/layout/local.xml și adăugați structura de bază XML:

Acum că avem fișierul gata, vă voi arăta câteva jetoane comune.

1. Adăugarea / eliminarea scripturilor și a foilor de stil

Pentru a atașa un fișier, trebuie să decidem cum va fi: global (conectat la toate paginile magazinului) sau pur și simplu atașat la o pagină.

Voi prezenta doi markeri: și . Desigur, există încă o mulțime de indicatori disponibili pentru noi, dar acum să ne concentrăm doar pe aceste două.

marcator este global, și va afecta numai pagina principală.

Cu siguranță există multe lucruri. Vom încerca să punem totul în ordine.

  1. Metodele în care vrem să acționăm;
  2. Tipul fișierului și poziția acestuia în ierarhia generală;
  3. Numele, calea spre fișier.

Tipuri de fișiere conectate:

  • skin_js: skin / frontend // implicit /
  • skin_css: skin / frontend // implicit /
  • js: js /

Rețineți că descărcând un fișier dintr-o sursă externă, de exemplu CDN, trebuie să utilizați o sintaxă ușor diferită. De asemenea, este important să includeți jQuery.noConflict () la sfârșitul scriptului.

2. Înlăturarea blocurilor

Această metodă reprezintă o modalitate bună de a elimina un bloc, indiferent de marcatorul de aspect din care face parte.

Există, de asemenea, metoda unsetChild. care va șterge blocul numai într-un anumit șablon.

3. Editați șablonul

Acum, să ne uităm la procesul de adăugare a unui bloc suplimentar suplimentar la pagina de pornire. Ne referim la blocul de conținut și folosim atributul after. pentru a clarifica faptul că acest bloc ar trebui să fie situat la sfârșitul conținutului.

4. Introducerea unui bloc CMS static

În cele din urmă, vom examina un exemplu de adăugare a unui bloc CMS static, dar pentru a începe să lucrați cu acesta mai întâi trebuie să îl creați.

În interiorul block_id specificăm identificatorul blocului.

Instrucțiuni suplimentare

Dacă doriți să continuați să explorați posibilitățile XML, vă recomandăm să citiți acest articol. și descărcați o copie a ghidului de design Magento Official Design. care este un ghid mult mai profund, dar explică perfect perspectivele de utilizare a altor tag-uri XML.

Ce urmează?

În următorul articol, vom analiza lucrul cu fișierele șablon.

Când vine vorba de securitatea site-ul web, expresia „Filter toate, totul scăpa“ vor fi întotdeauna relevante. Astăzi, să vorbim despre filtrarea datelor.

  • Expressive 2 acceptă posibilitatea conectării altor componente ZF pe un circuit special. Nu toată lumea îi place această decizie. În acest articol, vom descrie modul de îmbunătățire a procesului de conectare a mai multor module.

  • Să presupunem că trebuie să trimiteți câteva informații în Google Analytics din scriptul de pe server. Cum se face. Răspunsul este în această notă.

  • O selecție de mai multe tipuri de nisip PHP. Pe unele veți putea să vă puneți codul online, dar există și soluții pe care le puteți implementa pe site-ul dvs.

    Dezvoltarea unei teme pentru aspectul magento

    Prin obținerea de informații imediat prin două canale (vedere și auz), eficiența predării este mult mai mare decât învățarea din cărți. Și temele și testele online vă vor permite să gândiți constant în limba pe care o învățați și să vă verificați imediat cunoștințele!

    Dezvoltarea unei teme pentru aspectul magento

    Dezvoltarea unei teme pentru aspectul magento

    Dacă doriți să învățați HTML mult timp, atunci am o veste bună pentru dvs.!

    Dezvoltarea unei teme pentru aspectul magento

    Dacă ați învățat deja HTML și doriți să treceți mai departe, următorul pas este să învățați tehnologia CSS.

    Dezvoltarea unei teme pentru aspectul magento

    Dacă doriți să înțeleagă conceptele de domeniu si hosting, învață cum să creeze o bază de date, încărca fișiere pe un site web prin intermediul unui server FTP, crea subdomenii, configurați cutiile poștale pentru site-ul și să monitorizeze participarea, acest curs este conceput special pentru tine!







    Articole similare

    Trimiteți-le prietenilor: