Boltos - School MODx
Ahhoz, hogy hozzon létre egy online áruház MODx Evolution, fogjuk használni egy kész megoldás - boltos. Ez egy ingyenes szoftver modul létrehozása egy online áruház írt PHP nyelv. Szeretném figyelmeztetni, hogy a modul csak alkalmas egy kis online áruház nélkül működő szigetelésű 1C. Abban az időben az írás leckét, az utolsó változat a modul volt boltos 1.3.4. és a legújabb verzióját MODx Evolution 1.0.5.
A lecke két részből áll, az első része a bemutató, akkor válasszon ki egy sablont a mi online bolt, és integrálja MODx. Itt elvisszük ugyanazokat a lépéseket, mint az előző órák, csak egy tömörebb formában. Ezért sok kihagyhatja az első rész, és közvetlenül a második része a leckét, ahol majd integrálni a boltos a tervezés oldalunkat.
Szeretném hozzátenni, hogy az alkotók a boltos modul biztosította számunkra a részletes dokumentációt.
Mivel ezt a leckét, úgy döntöttem, hogy nem osztja külön osztályokba, kiderült, elég nagy. De akkor mindig kihasználják a rövid összefoglalót a leckét később megtalálja a szükséges információkat. Vágjunk bele.
Boltos 1.3.4 Telepítés MODx Evolution 1.h.h.
A letöltött archív boltos shopkeeper_1.3.4 / boltos / docs / ru / _rus_doc_install.html fájlt találsz utasításokat a modul telepítése. Három telepítési lehetőségek:
Boltos automatikus telepítést a már telepített MODx
Telepítése MODx a boltos
Boltos kézi telepítés a már telepített MODx
Mivel előre tudom, hogy az én website egy online áruház, úgy döntök, a második lehetőség - telepítés boltos MODx. A helyi szerver már telepítve van XAMPP vagyunk (ha nem, akkor a telepítési útmutató az 1. lecke), így folytassa telepíteni MODx modult és egy online áruház.
2. A mappa www fel fájlokat MODx-1.0.5 mappát a letöltött archív MODx.
3. Hozzon létre egy új adatbázist phpMyAdmin bolt és áruház felhasználói jelszó bolt. Rendeljen teljes jogosultsággal a felhasználó bolt.
4. A fájl C: /xampp/apache/conf/extra/httpd-vhosts.conf hozzá szerkezete a következő:
6. Helyezze a mappát boltos / boltos a letöltött archív abba a könyvtárba eszközök / kivonatok /.
7. Egészítse tartalmának eszközök mappák / fájlok a mappában _upload / eszközök /.
8. Állítsa a archívummappa boltos install / eszközök / mappa telepítés / a helyszínen gyökér.
Van egy fontos pont, amikor belépünk egy tábla előtagot, azt az shop_ és emlékszik, mi akkor jól jöhet. De ha nem emlékszik, hogy nem számít, akkor mindig nézni phpMyAdmin.
A második lépésben a listán az összetevők, de MODx alkatrészek, látni fogja a telepített összetevők Shopkeepera:
Paraméterek (TV) - Ár
Modulok - Boltos
Cnippety - boltos. catalogView. tartalmaznak.
A telepítés befejezéséhez kövesse az utasításokat a program telepítését.
10. Nevezze át a fájlt ht.access. htaccess.
Integrálja a sablon a MODx
Most, hogy már telepítve MODx Evolution és boltos, nézzük vegye fel a sablont a jövőben a helyszínen.
Készek vagyunk használni ingyenes sablonok, ez lesz a sablon Wing az Air. nézni azt ezen a linken. és töltse le ezt. Az online áruház eladni cipő.
1. Töltse le a fájlt razarhiviruem és elhelyezni a mappa C: / xampp / htdocs / shop / www / eszközök / templates /.
2. Nyissa meg a index.html fájlt a letöltött archív WingtheAirFree mappát, másolja a tartalmát, és tegyük a Minimal Sablon sablon. Mi változik az út címkék link. script. img. abba vinnénk be a következő elérési utat:
Változás a sablon nevét a Fő.
3. Nevezze erőforrás MODx CMS Install Siker Home. törli az összes tartalmát az erőforrás területen.
4. Hozzon létre egy erőforrás a fa négy erőforrás katalógusban. Szállítás. Részvények. Kapcsolatok. Az erőforrás-katalógusban eltávolítani a kullancsot a megjelenítése menüben.
5. A mappa könyvtárat létrehozni három gyermek forrás, például a következők: Férfi cipő. Női cipő. Gyermek cipő. Mindegyik erőforrás lesz még több gyermek erőforrásokat, hívja őket, például, Model 1, 2. modell stb
6. Osszuk a sablon darabokban. Készítsen darab HEAD, és adjuk hozzá a speciális MODx címkéket, ne felejtsük el, hogy vágja ki a sablont kódot, és illessze a helyére egy hívást a megfelelő darab:
Készítsen darab header - sapka honlapunkon:
Készítsen darab csúszka - csúszka a fejlécben:
Készítsen darab SEARCH_CART. blokkolják a keresési és a kosár:
Ezután hozzon létre egy darab márka márkajelzéssel:
Végül az utolsó darab FOOTER:
Miután az összes változás, a sablon oldalon meg kell jelennie az alábbiak szerint:
7. Hozzon létre egy sablont a belső oldalakon a menü, tedd be az alábbi kódot a sablon:
8. Készítsen a főmenübe. A fejléc csonk a tartály egy menü helyett rendezetlen lista tegye a kódrészletet hívás Wayfinder:
Logo és link a honlapon a darab fejléc kijavítja magát. logo kép lehet változtatni a stílus a 29 sor a fájlt.
A darabos SLIDER fel a kódrészletet hívás Ditto:
Most SEARCH_CART csonk a tartály egy osztály helyett a keresőt a kereső, egy újabb hívás részlet:
ahol landingPage = `27` - ID erőforrás találatokat. Akkor változik meg.
Most meg kell szerkeszteni az űrlapot sablon adja meg a keresési lekérdezés szerint a design.
Ez az első nehéz pillanatban. Meg kell összehasonlítani a kódot a webhelysablon, a sablon a kódrészletet, és próbálja, hogy összekapcsolják őket. Én hozzá a szükséges osztályokat, és tegye az aláírás formájában. De tudjuk folytatni a különböző módon, és tegyen meg mindent a segítségével CSS, lenne helyes döntés. De azt akartam megmutatni, hogy lehetőség megoldásokat. A hátránya, hogy felfrissíti a sablont, és újra kell címre ezt a kérdést, amikor frissíti a kódrészletet. Plusz, ez ugyanaz a megoldás - a végrehajtás gyorsaságát.
Sablon kódrészlet van a C: /xampp/htdocs/shop/www/assets/snippets/ajaxSearch/templates/input.tpl.html. Nem írom le az összes szerkesztésének lépéseit egy sablont, és csak így a végső rkezultat. Ezt a fájlt Notepad ++ és ahelyett, hogy illessze be a következő kódot:
Egyszerűen túl sokat vett, és megadta a szükséges osztályok. De teljesen nem módosítja a CSS fájlt nem lehet csinálni. Az a tény, hogy a címke