MODx - portfolió segítségével migx, vezető IT

előző ◈ a következő

Ismerjék a találkozó MIGX csomagot, és hogyan kell telepíteni, lásd a cikk, amelyben bontott eljárás kényelmesen irányítható körhinta Bootstrap.

Használat kiegészítések: a keret Twitter Bootstrap 3, jQuery könyvtár, jQuery a fancybox bővítmény MIGX és pdoTools MODx-kiegészítők (oldalhosszúság).

Létrehozása MIGX konfiguráció Portfolio

Fejlesztési MIGX konfiguráció kivitelezhető egy portfolió segítségével a következő műveleteket:

  1. Nyitni egy oldalt menedzser MODx forradalom „MIGX Management”.
  2. Azt viszont, hogy a lap „MIGX”, és nazhnom az „Új elem” gombra.
  3. A párbeszédablak „MIGX” a lap „Beállítások” vezetnek be a mező nevét (konfiguráció neve) érték portfólió.
  4. A „Formtabs” fülre, hozzon létre egy táblázatot a felirata: „Portfolio”, és az alábbi területeken:
    • FieldName - név, Caption - címe munkát.
    • FieldName - kép, képaláírás - fényképek, Input TV típus - képet.
    • FieldName - leírás, Caption - Job Description.
    • FieldName - ár, Caption - Ár, Input TV típus - száma.
  5. A lap „oszlopok” határozza táblázat fejlécét, és amelynek segítségével a felhasználó a MODx erőforrás felhasználhatók lesznek a megfelelő mezőkbe:
    • Fejléc - A neve a munka, Field - név, oszlop szélesség - 30.
    • Fejléc - kép, mező - kép leképező - this.renderImage.
    • Fejléc - Leírás, Field - leírás, oszlop szélesség - 200.
    • Fejléc - Ár, Field - áron.
MODx MIGX - Hozzon létre egy konfigurációt a portfolió

Létrehozása egy további mezőt alapú konfigurációt MIGX

Fogunk létrehozni egy további mező nevű állománya. A tartalma TV-field meghatározott migx. Mivel a szerkezet ezen a területen kell jelölni egy előzőleg létrehozott konfigurációt. Select „Sablon portfólió”, mint a sablon.

MODx - TV-box típusú bemenet és konfigurációs MIGX portfolió

Hozzáadása az adatokat a TV-field portfolió

Nyissa meg a forrás, amely, mint egy „sablont a portfólió” sablon kiválasztott elem. Ezt követően lépjen a „Kiegészítő mezők”, és tele van TV-változó állománya néhány adatot.

MODx MIGX - kép jelenik portfolió az oldal tartalmának felhasználásával fancybox

Az adatok a tv- MIGX területén

Származó kimeneti adatok TV-mező (MIGX) esetén valósítható meg a részlet getImageList. Ebben az esetben a kimenő adatok nem minden egyszerre, és 5 db részeket. Ehhez használja a kódrészlet pdoPage pdoTools csomagot.

Ennek eredményeképpen megkapjuk a következő kódot:

Utolsó aktivitás -, hogy hozzon létre egy sablont (darab) tplPortfolioItem. amely alapján kerül kialakításra, minden elem portfólió.

Tartalom darab tplPortfolioItem:

Ie kimeneti elemei a portfolió kerül lépcsőzetesen (attól függően, hogy a paritás az elem). Ha páratlan elem, akkor a bal oldali képet, a jobb oldalon a szöveg (cím, leírás és árát). Ha az elem még éppen ellenkezőleg - a kép jobb oldalán, és a szöveg a bal oldalon. Megalakult a hálók készülnek osztály Bootstrap keretet.

CSS-stílusok hozzá kell adni az oldal elrendezését, hogy vizsgálja meg rendesen a kis eszközök (xs és sm):

Hajtson végre egy újabb intézkedés, vagyis csatlakozni fancybox oldalon (a képek megjelenítésére a stílus az eszköz albumba, amelyek felett a többi tartalom a weboldalon).

Ezt követően meg kell hogy csomagolja ki és másolja a forrás a webcímtárba.

Csatlakozás fancybox oldal végzi 2 kép:

Aktiválása fancybox Portfolio képek segítségével történik a következő szkriptet:

Portfolióját lapszámozás az oldal így fog kinézni.

MODx MIGX - lap tetejére „Portfolio” MODx MIGX - Az oldal alja „Portfolio” (lapszámozás) MODx MIGX - A következő képek át a tartalmát a portfólió oldal segítségével fancybox

Kapcsolódó cikkek

előző ◈ a következő