skabe en skik tema med opencart: del to

, skabe en skik tema med opencart: del to,,,,, 27,,,,,,,,, 6,,,,,,, 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: introductioncreate skik tema med opencart, tredje del, i den første artikel i denne serie, undersøgte vi det grundlæggende tema opencart struktur.nu, lad os gå et skridt videre og lære, hvordan man kan skabe en skik tema. , hvis du ikke har gennemgået den første del af denne forelæsning serie endnu, læse den, så du forstår, hvor vi er på vej i denne artikel, mens vi fortsætter med at bygge vores eget tema.,, opencart kommer med en anstændig standard tema, der skal tjene som grundlag for vores nye skik tema tema.generelt er der to scenarier, hvor du vil skabe din brugerdefinerede tema:,, de ønsker at erstatte den misligholdelse, undtagen grænseflade fuldstændigt med en ny grænseflade af dit valg, du ønsker at ændre et par ting som farve kombination, layout struktur og branding relaterede ændringer. i begge tilfælde, - anbefaler, at skabe en ny skik tema i stedet for at ændre standard tema filer direkte som det vil gøre livet lettere i den udgave, opgradering af opencart.,, før proceduren, bør du have en installation af opencart.hvis du ikke har gjort det, gå videre og opstille den samme.  ,, når det er klaret, lad os komme i gang!,, oprettelse af skelettet, lad os skabe en ny fortegnelse, ved navn, mycustomtheme,   under catalog /betragtning /tema.det vil tjene som en beholder til andre sager, som billeder, stylesheets og modeller.desuden, du er nødt til at skabe tre fortegnelser i  , mycustomtheme,   fortegnelse:  , billede, stylesheet, og i tide.,,,,, du har oprettet den grundlæggende skelet strukturer, der er nødvendige for deres vane tema, når du er færdig med det her.faktisk, kan du bare gøre din skik tema fra usa, og det kommer til at fungere, så fint.  , aktivere de nye tema, lad os gå videre og aktivere jeres skik tema fra usa.når du er inde i den anden, gå til systemet > indstillinger. det sætter alle butikker, der er til rådighed i deres opencart anlæg.,,,,, i de fleste tilfælde vil det vise en enkelt forretning indrejse, men hvis du har flere butikker, der er oprettet, vil du se mere end én linje.opencart giver dig mulighed for at oprette flere forretninger med enkelt - anlæg.  , det er virkelig et vigtigt element, hvis du har flere butikker, og du ikke ønsker at oprette opencart anlæg for hver butik.du kan styre alle butikker med enkelt administration grænseflade.multi - butik, der er noget ud af denne forelæsning, men det er et vigtigt element for at udforske, tilbage til vores forretning, klik, redigere, led i tiltag, kolonne, som skal åbne en butik konfiguration grænseflade.,,,,, klik, lagre, tab.det vil åbne konfiguration form, der giver os mulighed for at vælge en front end - tema.du skulle se, at vores skik tema, mycustomtheme, også er opført sammen med, misligholdelse, tema i den model, dropdown kasse.udvælge og klik på, red, knap til at anvende vores ændringer.,,,,, nu, hvis du tjekker forenden, alt er fint.vi har ikke skabt en enkelt fil i vores skik tema, men hvordan virker det?det er, hvor skabelon overordnede spiller ind.,, forstå magien skabelon klatring, selv om vi har sat vores nye tema, mycustomtheme, som aktivt tema i butikken, forenden er stadig ser præcis som det var, før vi har gjort det muligt for vores nye emne fra den anden.dette skyldes, at   skabelonen overordnede system er på plads, og lad os se på et kort eksempel, så vi lettere kan forstå dette: at gøre hjemmesiden, opencart bruger skabelon, der befinder sig i, katalog /view /tema /* /model /fælles /home. tpl,.asterisken i vejen kort til temaet navn.nu opencart vil gennemføre følgende procedure for at finde den, home.tpl, model:,,, som vi har oprettet, mycustomtheme  , som aktivt tema for butikken, for det første vil det forsøge at finde filen, katalog /view /tema /mycustomtheme /model /fælles /home. tpl,.hvis det er konstateret, opencart er glad, og det vil tage den sag og stoppe processen her.,,,,, hvis opencart ikke kan finde, home.tpl i aktive tema, det vil falde tilbage på, at misligholdelse tema og forsøge at trække, katalog /view /tema /default /model /fælles /home. tpl,.det er klart, at det er sikret, at hjem. tpl,   vil være der, når du har tyed med misligholdelse tema skabelon filer.,,, opencart vil altid tilbage til misligholdelse, tema, når det ikke kan finde de nødvendige skabelon fil i aktive skik tema.så stort set kan vi sige, at det er det, misligholdelse, tema, der tjener filer i øjeblikket, selv om  , mycustomtheme,   er på plads.  , det er virkelig nyttige i de tilfælde, hvor skal du kun et par udvalgte model filer.i det tilfælde, ville du kun kopiere filerne til sædvane tema adresseregister for at opfylde den opgave, at blanke skik tema, det er en tomme kurv, for så vidt angår vores skik tema, mycustomtheme, er bekymret.lad os berige den med nogle nyttige indhold.,, gå videre og skabe en ny fortegnelse, fælles   under den skabelon, fortegnelse over vores skik tema.nu hører hjemme. tpl,   og header. tpl,   skabelon filer fra, model /fælles fortegnelse over, misligholdelse,   tema.du burde pasta filerne i nyoprettede fælles fortegnelse over vores tema., ligeledes en kopi af alle stylesheet filer fra  , stylesheet, fortegnelse over, misligholdelse, tema og sæt det på, stylesheet, fortegnelse over vores tema.gentager den samme proces for alle billeder, image, statistik, selv om vi ignorerer dette adresseregister for nu.  , på dette punkt, din nye tema adresseregister træ bør se noget som:,,,,, er der nogle vigtige ting at bemærke her, før vi går videre.du bør kun kopiere den skabelon filer til sædvane tema, som kræver tilpasning.årsagen er, at den manglende fil bliver hentet fra, misligholdelse,   tema, så der er ingen grund til at holde de to eksemplarer af samme fil, hvis du har brug for at ændre det.  ,, en anden ting at bemærke, er, at man skal opretholde den struktur, de filer svarende til den, misligholdelse, tema specielt i forbindelse med skabelon filer.som de har set, at vi har skabt et fælles register, når vi har kopieret, home.tpl og header. tpl,   filer for at simulere den struktur med misligholdelse tema.,, fra nu af, vil jeg nævne alle fil veje i forhold til vores skik tema fortegnelse.gå videre, åbne, model /fælles /header. tpl,   fil i din favorit tekst redaktør.koden i denne sag, er ansvarlig for at vise en headerdel i hele området.hvis man ser på kode nøje, er der kun få stylesheet henvisninger hårdt kodet til "misligholdelse" tema.  , lad os ændre den, så den er hentet fra custom tema.,, finder følgende kode, < forbindelse rel = "stylesheet" type = "tekst /css" href = "katalog /view /tema /default /stylesheet /stylesheet. css" />, og erstatte det med,,, < forbindelse rel = "stylesheet" type = "tekst /css" href = "katalog /view /tema /mycustomtheme /stylesheet /stylesheet. css" />,, gøre det samme for de øvrige stylesheet henvisninger andetsteds, der kræves.  , på denne måde, vi sørger for alle stylesheet filer er ladt fra vores skik tema.åbn den, model /fælles /home.tpl, fil og erstatte hele indholdet af den fil med følgende.,,,,, <?php echo $header;?> <?php echo $column_left;?> <?php echo $column_right;?> < div stil = "baggrund:�f; farve:&#fff; skrifttype vægt: dristige og polstring tilbage: 10px;" > hvis denne linje er, vores skik tema er, det er en del.< /div > < br /> < div id = "indhold" > <?php echo $content_top;?> < h1 stil = "display: ingen;" > <?php echo $heading_title;?> < /h1 > <?php echo $content_bottom;?> < /div > < /div > <?php echo $fod;?>,, tjek din hjemmeside, og du skulle se det.  , dette er blot et eksempel på, hvordan til at tilsidesætte og vælge de modeller, med din brugerdefinerede tema.i den virkelige verden, selvfølgelig, kan det være nødvendigt at ændre mange modeller, således at de svarer til den skik, design, du ønsker at integrere sig.senere i denne serie, vil vi se, hvordan vi kan finde en model i forbindelse med en bestemt side i forenden.,, smdrg., i sidste ende denne artikel har til formål at hjælpe dig med at forstå nuancerne i at skabe en skik tema.du kan gå videre og undersøge koden for andre skabelon filer til en bedre forståelse af, hvordan opencart tema. i den næste del, vil vi se på nogle af de fælles modeller i detaljer.selvfølgelig, din feedback er meget velkommen, så læg spørgsmål, bemærkninger, og så i bemærkningerne.

Basic Skeleton Structure
Default Stores Listing
Store Edit Configuration Interface
Store Edit Configuration Interface - Store Tab
Custom Theme Structure



Previous:
Next Page: