skabe en skik tema med opencart: fjerde del

, skabe en skik tema med opencart: fjerde del,,,,, 45,,,,,,,,,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss. denne post er en del af en serie kaldet skabe en skik tema med opencart. skabe en skik tema med opencart, tredje del, hvis du har fulgt serien hidtil, bør de være i stand til at finde det sted, hvor hjemmeside layout skabelon.selv om et hurtigt kig på de modeller, her og der i "€œ default" € emne burde give dig en antydning af, at det er beliggende i €œ, default /model /fælles /home. tpl,.  ,, men hvis du har bemærket, hvor den hjemmeside, indeholder den værdi, €œ fælles /hjem, .det, som vi tidligere har drøftet, kan du altid kort denne vej for at finde passende indretning skabelon fil.,,,,,, ser på œ, hjem. € tpl, fil, du vil indse, at de fleste af indholdet, der genereres via fælles elementer, som $header, $fod osv. vi vil ikke drøfte den   - hoved og $fod,   elementer, som de allerede ved, at indholdet af disse variabler, kommer fra œ, header. tpl,  og €œ, fod. tpl, € sager under  , model /fælles,  fortegnelse, henholdsvis.  ,,, i tilfælde af misligholdelse opencart hjemmeside der er ingen moduler, der er tildelt på "€œ kolonne tilbage" € eller "€œ kolonne" € holdning, så du kan sige, at column_left dollars, og $column_right, variabler er ikke noget.så alt hvad du ser på hjemmesiden, bortset fra hovedet og fod, kommer fra, $content_top eller $content_bottom, variable. "€œ lysbilleder "€ og" €œ var "€ moduler er tildelt" €œ indhold top "€ holdning og" €œ karrusel "€ modul er overdraget til" €œ indhold bottom € holdning til "€œ hjem" € layout.,, lad os gå videre og se, hvordan disse moduler er tildelt "€œ hjem" € side layout.,, modul opgave fra enden, få logget ind i den anden og gå til ", €œ, udvidelser > moduler" €.denne liste over alle de moduler, der er til rådighed i systemet.- klik på ", €œ, redigere" € link til ", €œ, lysbilleder" € modul, som vil udvise modul opgave grænseflade.,,,,,, selv om der er en hel del konfiguration, der er til rådighed her,  , den vigtige   kolonne for os er ", €œ, layout" og ", €œ € position" €.ifølge værdier tildelt der ", €œ, lysbilleder" € modul vil blive udstillet på "€œ indhold top" € del i "€œ hjem" € layout.  ,, du også kan udpege en ", €œ, lysbilleder" € modul til opstilling til enhver stilling ved hjælp af "tilføje modul" knappen.lad os se på et andet eksempel på modul med angivelse af side klik på ", €œ, redigere" € link til ", €œ, var" € modul.,,,,, igen, kan man se, at den ", €œ, layout" € og ", €œ, position" € værdier er samme som i ", €œ, lysbilleder" € modul.så nu skal du være bekendt med, hvordan disse moduler er udstillet på hjemmesiden.som du har bemærket, at der også er ", €œ, fjerne" € knap til rådighed, som bruges til at tildele et modul fra fn 's særlige indretning.gå videre og undersøge de indstillinger til ", €œ, karrusel" € modul jer selv!,, hjemmeside layout abstinenser, nu du er bekendt med, hvordan modul er pålagt, og ikke - tildelte en bestemt side og holdning, og vi vil gå igennem det samme at pirre hjemmeside layout.hop ind i den administrative afdeling, og gå til ", €œ, udvidelse > moduler" € at bringe modul med angivelse af side på bordet. i dette skridt, vil vi fjerne alle de tildelte moduler fra hjemmesiden.,,, klik på "klippe" link til "lysbilleder"  modul.- klik på "fjerne" knappen til fn 's tildeler et modul fra "hjem"  layout.efter det klik på "red"  knap til at anvende ændringerne.gentager den samme procedure for ","  og "var" moduler.,,, ved udgangen af dette skridt, hvis du tjekker din hjemmeside, så skulle du se næsten et tomt hjem side undtagen "hoved" og "lille"   dele.bare rolig, det er, hvad vi skal gøre.i løbet af de næste skridt, vi får lidt forskellige sæt moduler til "€œ kolonne tilbage" € og "€œ kolonne" € positioner i hjemmeside.lad os gå til modul med angivelse af side igen.,,, klik på ", €œ, redigere" € link til ", €œ, kategori" € modul.på bunden af side, kan i se en "€œ tilføje modul" € knap, at klikke, som vil tilføje en ny række til listen.i denne række, i ", €œ, layout" € kolonne vælge "€œ hjem" € og i ", €œ, position" € kolonne vælge "€œ kolonne tilbage" €.efter det klik på ", €œ, redde" € knap til at anvende ændringerne.,,,, klik på ", €œ, redigere" € link til ", €œ, hensyn til" € modul.klik på "€œ tilføje modul" € knap til at tilføje en ny række.i den nyligt tilføjede row, i ", €œ, layout" € kolonne vælge "€œ hjem" € og i ", €œ, position" € kolonne vælge "€œ kolonne" €.anvende deres ændringer ", €œ, redde" € knap.,,, så lad os se på vores forside:,,,,, layout fil ændringer, så vidt vi har gjort alt, opstilling i forbindelse med abstinenser fra back - end sig selv.i dette afsnit vil vi tilføje lidt statiske tekst indhold til œ hjem. tpl, .når du har brug for at tilføje en statisk tekst i enhver model, i stedet for, at teksten direkte i den model, bør du følge standard af opencart.   lad os udvise den samme.  , naturligvis ikke direkte redigere œ, home.tpl, fil i "€œ default" € tema. lad os åbne dem i din brugerdefinerede tema!,, åbn €, katalog /sprog /english /engelsk. folkesundhedsprogrammet, .der tilføjes følgende linje efter udløbet af den fil, lige før den linje, som indeholder œ,?>, . $_ ['text_welcome '] = "lorem ipsum er blot uvirksom tekst til trykning og sættemaskiner industri.lorem ipsum har været industriens standard virkningsløs tekst siden udbrød, når en ukendt printer tog en kabys af typen og røræg til en type prøvemateriale bog.den har overlevet, ikke kun i fem århundreder, men også skridt til elektroniske sats forblev stort set uændret.det var udbredt i 1960 'erne med frigivelsen af letraset ark indeholder lorem ipsum passager, og for nylig med desktop publishing software som aldus pagemaker herunder versioner af lorem ipsum. ", nu gå videre og åbne œ, catalog /registeransvarlig /fælles /home. folkesundhedsprogrammet.vi vil omfatte sprog variabel i værditilvæksten i engelsk. folkesundhedsprogrammet,   fil i den registeransvarlige fil, så det er til rådighed i œ, home.tpl, fil til fremvisning.,, "€œ hjem. folkesundhedsprogrammet" € før den følgende linje, $- > svar - > setoutput ($- > render());,, det her,,, $- > data ['welcome_text '] = $- > sprog - > kom ('text_welcome "), og det vil sikre, at  , $welcome_text, variabel er til rådighed i layout skabelon fil ligesom alle andre variabler.den eneste resterende skal omfatte, $welcome_text i hjemme. tpl,  fil.så dit hjem. tpl,  skal se sådan ud,,, <?php echo $header;?> <?php echo $column_left;?> <?php echo $column_right;?> < div id = "indhold" > <?php echo $content_top;?> < h1 > <?php echo $heading_title;?> < /h1 > < div > <?php echo $welcome_text;?> < /div > <?php echo $content_bottom;?> < /div > <?php echo $fod;?>,,, jeg har gjort meget få ændringer i denne sag.jeg har tilføjet den variabel, $welcome_text, omgivet af < div >, tag.jeg har også fjernet, display: ingen  fra, < h1 >, tag så den titel er udstillet.endelig en smule formatering af koden er gjort for bedre læsbarhed.her er den sidste snap!,,,,, der er et par vigtige ting at bemærke her, selv om vi har direkte modificerede  , engelsk. folkesundhedsprogrammet,  og home.php, filer, men det er strengt modet til at gøre det.det var bare gjort for at holde dette eksempel simpelt.faktisk, skal du bruge "vqmod"  opencart udvidelse i tilfælde, hvor du er nødt til at ændre de grundlæggende akter.,, så det var et enkelt eksempel viser layoutet ændringer på hjemmesiden layout.selv om vi har tilføjet et enkelt statisk tekst, kan du hente mere dynamiske oplysninger fra databasen og udvise den samme i modellen. , naturligvis, det er noget, kræver en smule viden om, hvordan opencart model fungerer.du er tilskyndet til at gå videre og give nogle flere moduler til de forskellige holdninger til, hvordan ting virker.,,,,,,,, jeg håber, at denne serie, hjalp dig med at forstå, hvad opencart tema handler om, og hvordan til at skræddersy misligholdelse tema med din egen.du kan altid skyde dine kommentarer og spørgsmål i foder, nedenfor.

Homepage Layout Elements
Slideshow Module Configuration
Featured Module Configuration
Partial Homepage
Complete Homepage



Previous:
Next Page: