Fejlesztése a témája magento elrendezés

Ebben a cikkben fogjuk fedezni alapjait XML elrendezést Magento, bemutatjuk néhány változtatást a local.xml. Ez felelős hozzáadása és eltávolítása script, blokkok és változtatni az elrendezés.







Tehát most, hogy van egy ötlete, az általános elvek kialakítása témák Magento. Mi lehet mélyebbre.

Sablonfájlok oszlanak két mappát:

  • Jelölés: app / design / frontend /// Elrendezés /
  • Sablonok: app / design / frontend /// Template /

Ma nézzük mindent, mint jelölő fájlokat.

Mielőtt elkezdenénk, meg kell csinálni egy fontos dolog, ami letiltja a cache Magento. Ez a lépés lehetővé teszi számunkra, hogy azonnal megtekintheti az összes változtatást, hanem törölje a gyorsítótárat minden alkalommal, amikor minden megváltozik. Ideális esetben ezt a beállítást ki kell kapcsolni a fejlesztés során. Mi megy az admin felületen, a rendszer> cache kezelése és tiltsa le az összes lehetőséget.

Most nyugodtan folytassa a következő lépésekkel.

elrendezés könyvtár tartalmazza az XML-fájlok, amelyek nagyban meghatározzák, hogy mi jelenik meg a felhasználói felületen az üzlet. A Magento struktúrája van elég bonyolult, de ez az egyik oka, ami annyira erős és rugalmas.

Meg fogja találni több száz XML-fájlok, amelyek mindegyike ellátja funkcióját. Minden tartalom a app / kód / adat meghatározott XML fájlokat. Ha valaha telepített egy harmadik fél modul, amely befolyásolja a boltban felület, biztos, hogy ez a modul felel meg a saját XML-fájlt.

Szóval, honnan tudod, hogy melyik fájlt szerkeszteni kívánt?

Szimbólumok fájlneveket könnyebb megtalálni a fájlt, hogy szükségünk van. Például egy modul Magento app / code / core / Mage / Oldal / használja a saját XML fájl nevű app / design / frontend / base / default / layout / page.xml. Mint látható, minden, és elindul, hogy világossá vált. Ha elolvasta és elmentünk bevásárolni, akkor hamarosan észre bizonyos minták és ismétlések a kívánt fájlokat szerkeszteni.

Megjegyzés. megjegyezni, hogy az elméleti oldalon a modulok, a fejlesztők hívni a XML-fájlok, ahogy tetszik. Ebben az esetben, ha nem ismeri a dokumentációt, meg kell keresni a fájl nevét a modulon belül, akkor általában megtalálható a config.xml fájlban. Szintén fontos megjegyezni, hogy nem minden modul egy XML-fájlt. Általános szabály, hogy az XML-fájl jelen lesz csak, ha befolyásolja a felhasználói felület a boltban.

Az útvonal a konfigurációs fájl: app / kód / local ///etc/config.xml

Felhívjuk figyelmét, hogy veszem alapul bázis / default. Ha meg kell változtatni, mindig másolja a fájlokat ebből a könyvtárból való. Saját mappa csomag / témát. Soha fájlok szerkesztéséhez a bázis / default.

Szerkeszteni ezt a fájlt kell már némi kezdeti tapasztalat a fejlesztési témák. mert Ez a sorozat a tanórák tervezett kezdő, mi fog összpontosítani a kérdésben local.xml fájl tulajdonságait. és hogyan kapcsolódik a fejlesztés a.

Miért van szükség local.xml?

Egyszerű szavakkal, a fájl kerül speciális beállítást a témát. Azt hiszem, ez egy nagyszerű módja annak, hogy kis változások, mint például megadása / törlése blokkok, az elrendezés módosításához. Ez nem az a hely, ahol teljes mértékben fejleszteni az elrendezés az oldal, a termék vagy valami mást. Ehhez meg kell használni egy külön fájlban catalog.xml.







Szóval hogyan lehet beállítani mindent.

Hozzon létre egy fájlt local.xml a mi elrendezés mappa app téma / design / frontend //default/layout/local.xml és adjunk hozzá alapszerkezetét XML:

Most, hogy megvan a fájl kész, megmutatom neked néhány közös zseton.

1. hozzáadása / eltávolítása szkriptek és stíluslapok

Fájl csatolása, el kell döntenünk, hogy milyen lesz: a globális (csatlakozik az összes oldalt a boltban), vagy egyszerűen kapcsolódik egyetlen oldalra.

Fogom bemutatni két jelölő kódot: és . Persze, van egy egész sor álló markerek számunkra, de most nézzük csak összpontosítani a két.

jelző egy globális, Ez azonban csak a főoldalon.

Aztán persze egy csomó dolog történik. Igyekszünk, hogy minden a polcokon.

  1. Eljárások, amelyekben akarunk végezni intézkedéseket;
  2. fájltípus, és pozícióját a teljes hierarchiát;
  3. Nevét, a fájl elérési útját.

Típusok közé fájlok:

  • skin_js: bőr / frontend // Default /
  • skin_css: bőr / frontend // Default /
  • js: js /

Felhívjuk figyelmét, hogy a fájl letöltése egy külső forrásból, például CDN, akkor kell használni egy kicsit más szintaxist. Fontos az is, hogy tartalmazza a végén jQuery.noConflict () script.

2. eltávolítása blokkok

Ez a módszer - egy jó módja annak, hogy távolítsa el a blokk nem számít, amelyhez tartozik marker elrendezést.

Van is egy unsetChild módszer. amely eltávolítja az egység csak egy meghatározott sablon.

3. Sablon szerkesztése

Most nézzük meg a folyamatot, hozzátéve további építőköve a honlapon. Mi utal a készülék tartalmát és használat utáni attribútumot. annak tisztázása, hogy az egységet kell a végén található a tartalom.

4. Helyezze statikus CMS blokk

Végül nézzük meg egy példát adunk statikus CMS blokk, de kezdeni dolgozni, akkor először létre kell hozni.

Belül BLOCKJD adja meg a blokk azonosító.

további útmutatást

Ha azt szeretnénk, hogy továbbra is tanulni az XML funkciók, azt javasoljuk, hogy olvassa el ezt a cikket. valamint letöltheti a Magento Hivatalos Design Guide. ami sokkal mélyebb útmutatást, de tökéletesen megmagyarázza a szempontból a többi XML-címkéket.

Mi a következő lépés?

A következő cikkben fogjuk nézni a munkát a sablon fájlokat.

Amikor a honlap biztonságát, a kifejezés „Szűrő minden menekülési mindent” mindig lesz megfelelő. Ma beszéljünk szűrés adatokat.

  • Kifejező 2 támogatja a csatlakozást más alkatrészek speciális ZF rendszer. Nem mindenki szereti a döntést. Ebben a cikkben fogjuk megvitatni, hogyan lehetne javítani a csatlakozás folyamatban több modul.

  • Tegyük fel, hogy meg kell küldeni néhány információt a Google Analytics egy szerver oldali script. Hogyan kell csinálni. A válasz ebben a cikkben.

  • Válogatás többféle PHP homokozóban. Néhány Ön online módban képes lesz tesztelni a kódot, de ott is megoldásokat lehet megvalósítani a webhelyen.

    Fejlesztése a témája magento elrendezés

    Által nyújtott információk útján két csatorna (látás és hallás) a képzés hatékonyságának sokkal jobb tanulás könyvekből. A házi feladatok és online tesztek lehetővé teszi, hogy folyamatosan úgy gondolja, a célnyelven, és azonnal ellenőrizze tudását!

    Fejlesztése a témája magento elrendezés

    Fejlesztése a témája magento elrendezés

    Ha azt szeretnénk, hosszú ideig, hogy tanulmányozzák, hogyan lehet HTML-t, akkor engem, mert van jó hír!

    Fejlesztése a témája magento elrendezés

    Ha már megtanulta a HTML és tovább szeretne lépni, a következő lépés az lesz, hogy tanulmányozza a CSS technológiával.

    Fejlesztése a témája magento elrendezés

    Ha azt szeretnénk, hogy megértsék a fogalmak domain és tárhely, megtanulják, hogyan kell létrehozni egy adatbázist, feltölteni a fájlokat a honlapon keresztül FTP szerver, hozzon létre aldomain konfigurálja a postaládákat a helyszínen, és ellenőrzi a részvétel, a tanfolyam kifejezetten az Ön számára!




    Kapcsolódó cikkek