Share
Er du en Magento nybegynner? Vil du lage eget tema? Hvis ja, er denne artikkelen skrevet spesielt for deg.
For å starte med Magento-tema design og tilpasning er det svært viktig at du har en sterk forståelse av Magento-designterminologi og de grunnleggende konseptene i Magento's styringsflyt.
Før vi starter, er det verdt å klargjøre noen få ting rundt Magento-versjoner fordi applikasjonen kommer i to forskjellige smaker: Community Editionog Enterprise Edition. Denne artikkelen støtter følgende versjoner av Magento:
For å forstå alt vi dekker, må du allerede ha installert og en arbeidskopi av Magento (som du kan få det fra her). Hvis du allerede har en forståelse av Magento dashbordet, vil du sannsynligvis ha en lettere tid å følge sammen med denne opplæringen.
Hvis ikke, ikke noe problem. Vi vil dekke alle detaljer gjennom hele artikkelen.
Før du går dypt inn i den faktiske designterminologien, er det veldig viktig å forstå butikkhierarkiet. En av hovedtrekkene til Magento er at den støtter opprettelsen og manipuleringen av flere butikker og lagrer visninger i enkeltoppsett.
La oss se på disse grunnleggende vilkårene og gå nærmere i detalj:
Her kan du se at en nettside kan ha en butikk eller flere butikker, og en butikk kan ha en butikkvisning eller flere butikkvisninger. Et standardscenario vil være hovednettsted, hovednettbutikk og standard butikkvisning.
Hvis du allerede har installert og installert Magento, naviger til Magento admin panel og pek deretter på System fane. På den siden, på øverste venstre del under toppmenyen, kan du se Nåværende konfigurasjonsområderullegardin - dette viser standardbildet for Magento-butikken.
La oss ta en titt på forskjellige scenarier for å få en klarere forståelse av nettstedet, butikkene og lagre visninger.
La oss si at du vil selge klær til menn og kvinner. Som oppstart ønsker du ikke å tilby separate kataloger eller flere språkstøtte til butikken din. I så fall vil scenariet inneholde en nettside, butikk og standard butikkvisning.
Nå sier at du vil selge klær til menn og kvinner i separate butikker og ønsker å dele kundeopplysninger og kundekurvinformasjon. På denne måten kan kundene opprette en konto hos noen av butikkene, og har fortsatt tilgang til all informasjon på ett sted.
Vær oppmerksom på at du fremdeles ikke vil støtte flere språk. I dette tilfellet vil dette scenariet være en nettside: En herreklær, en kvinnes klærbutikk og en standard butikkvisning.
Når bedriften din vokser, kan du til slutt utvide den slik at den tilbyr et tilbehørsbutikk for å komplimentere klærbutikken din.
I tillegg, i hver butikk, vil du dele kundeinformasjon og ønsker å støtte flere språk. Dette scenariet inneholder to nettsteder og to butikker:
Dette resulterer i å ha to butikkvisninger: En engelsk butikkvisning og en spansk butikkvisning.
Mulighetene for å skape forekomsten av et nettsted, en butikk og butikkvisninger, avhenger av dine behov. Du kan sette opp så mange eller så få nettsteder, butikker og lagre visninger som du vil ha fra Magento Admin Panel> System> Administrer butikker.
Vi har sett at Magento tillater oss å sette opp flere butikker i et enkelt Magento-oppsett. Basert på det tillater det oss også å gi et annet utseende til forskjellige nettsteder, butikker og lagre visninger. Dette er mulig gjennom temaer. Vi kan lage så mange temaer som vi vil, og vi kan også bruke forskjellige temaer til forskjellige butikker.
EN Designpakke refererer til samling av ulike temaer. Gå til Magento katalogen din app / design / frontend.Her kan du se "Base" -pakken. Dette er standardpakken som følger med Magento. Denne pakken er oppkalt annerledes innen hver versjon av Magento. For eksempel i denne utgaven er denne pakken kalt "Base", i Pro Edition, denne pakken som heter "Pro", og i Enterprise Edition heter den "enterprise".
I tillegg til dette kan du legge til din egen pakke under frontendkatalogen. I tidligere versjoner av Magento blir designpakker referert til grensesnitt.
temaer er samling av filer - det vil si maler og skinn - som vil gjøre det faktiske oppsettet på fronten. Basert på våre behov kan vi endre oppsettet ved å redigere og lage nye malerfiler i bestemte temaer.
En designpakke kan ha flere relaterte temaer, men det anbefales at hver pakke har a standard temaå gjengi som standard når Magento ikke finner et annet tema.
Hvert tema i Magento har to typer kataloger:
Accentsconagua
css filer relatert til det aktuelle temaet.js filer relatert til det aktuelle temaet.Magento tillater oss å lage så mange temavariasjoner som nødvendig. Når du arbeider med flere butikker, kan du tildele forskjellige temavarianter til forskjellige butikker. Du kan opprette temavariasjoner ved å kopiere standardtemaet til nytt tema og bruke mindre CSS-variasjoner til det nye temaet.
For eksempel, la oss si at du har opprettet to butikker som deler samme informasjon, men du vil at kunden skal føle en forskjell når det gjelder farge og layout av begge butikkene. I så fall kan du opprette to temavarianter, gi dem hverandre css, js, og Bilder og deretter bruke dem til individuelle butikker.
Som nevnt tidligere i denne artikkelen, anbefales det at du har et standard tema i hver designpakke. Fordi når du ikke har gitt noe tema til butikken din, vil Magento se etter standardtemaet som etter temaet fallback-systemet(som vi vil dekke i neste avsnitt). Hvis det ikke finner standardtemaet, vil det returnere en 404-feil.
Når du arbeider med en ny Magento-installasjon, vil den bruke "Base" -pakken som også inneholder standardtemaet. For eventuelle nødvendige filer som ikke finnes i standardtemaet, vil det se ut i grunnpakkenes standardtema.
Det er veldig viktig at standardtemaet inneholder alle nødvendige filer.
Når du jobber med Magento-temaer, er det viktig å forstå Magento-temaet fallback-systemet; ellers kan du gå seg vill i Magento-temaer-katalogen når du prøver å finne hvilke blokker som gjengir hvilket tema som er filene.
For eksempel, hvis det egendefinerte temaet ditt krever en fil, si header.phtml, som vil gjengi toppteksten, vil Magento søke etter filen ved hjelp av følgende diagram:
I henhold til diagrammet vil fallback-systemet først se i din tilpassede temakatalog. Hvis den ikke er funnet, vil den se på standardtema som er i samme pakke som ditt eget tema. Hvis den ikke er funnet i standardpakken til designpakken, vil den se på grunnpakkeens standardtema. Hvis Magento ikke kan finne den aktuelle filen gjennom denne prosessen, vil den gjøre en feilmelding.
I tidligere versjoner av Magento inkluderte temaet fallback-systemet ikke Base-pakken som den siste delen av fallback-systemet. I tidligere versjoner, ville fallback-systemet bare se etter en bestemt tema designpakke.
Ved å inkludere Base-pakken i fallback-systemet, lar Magento oss å opprettholde vårt tema lettere med bare de nødvendige filene. For eksempel, si at du vil bruke et helt annet utseende og følelse av de to butikkene dine, unntatt kundekontosider. Dette er mulig ved å skape to temavarianter og dra nytte av fallback-systemet.
For å oppnå dette må du opprette to temavarianter og ett standardtema som inneholder alle nødvendige filer. Dermed inneholder designpakken et standardtema og to temavarianter.
Dine to temavarianter skal inneholde alle filene du har tilpasset, lagre for kundekontosider (som de er felles for begge temaene). På denne måten, når Magento begynner å gjengi filene fra ditt bestemt tema, vil det gå tilbake til standardtemaets kundekontosider som de ikke er definert i vårt tilpassede tema.
Blokker og layout kan være nye vilkår for deg, men for å være en vellykket Magento-designer, bør du forstå disse konseptene.
Blokker er den viktigste enheten gjennom hvilken Magento gjør frontend-layoutet. Gjennom bruk av blokker, skiller Magento forskjellige deler av oppsettene. I utgangspunktet er det to typer blokker.
Strukturelle blokkerer den viktigste oversikten over alle frontender-layouter i Magento.Vanligvis inneholder de Header, Left, Right, Main og Footer-delen av en layout.
Innholdsblokker er de faktiske blokkene som ligger inne i strukturblokker for å produsere den endelige visuelle utgangen. Disse blokkene presenterer den blokkspesifikke funksjonaliteten via HTML. Kategorielisten, produktlisten, underkategori-listen, produktetiketter, produktseksjoner for hjemmesiden og så er innholdsblokkene inne i strukturblokken.
Endelig er layouter XML-filene som kartlegger siden din med strukturelle blokker og innholdsblokker. Hver layoutfil inneholder kodene, der du kan styre bestemte blokker.
Hver Magento-modul har separate layoutfiler, slik at du enkelt kan administrere modulspesifikke oppsett.
Denne artikkelen tar sikte på å gi en omfattende start på hvor du skal begynne med Magento-temautvikling.
Har du fortsatt spørsmål? Ikke nøl med å legge igjen kommentarer, spørsmål eller annen generell tilbakemelding i kommentarene!
