Etusivu » Support » Last ned motivet Kallela

Last ned motivet Kallela

Starter Yes
Mini Yes
Active Yes
Pro Yes

Motivet "Kallela" er lekkert og responsivt,med en spalte på venstre side. Du kan laste det ned og bruke det i nettbutikken din ved å følge instruksjonene nedenfor. Når motivet er lagt til i butikken fungerer det best uten endringer utover farge og bilder. Hvis du heller vil endre og bygge et eget motiv er det bedre å bruke et av de ferdige motivene fra innstillingene som grunnlag og bygge ut fra det.

På en stor skjerm har Kallela-motivet en spalte på venstre side. I denne spalten kan det legges til forskjellige elementer i "avansert design", f.eks. sist viste produkter, et teksfelt eller et liknende element kan legges til. I headerområdet der logoen, søkefeltet og handlekurven ligger, bør det ikke legges til noen nye elementer eller gjøres andre endringer, bortsett fra å bytte ut eksempellogoen med egen logo. Selv om det ser ut som det er rikelig med plass i headeren på en stor skjerm, er det stor risiko for at elementene blir forskjøvet og atresultatet blir merkelig på en mindre skjerm da den responsive koden behandler kun de elementene som er der fra før av.

 

I dette motivet endres f.eks. menyen til en hamburgermeny plassert øverst til venstre og spalten på venstre side legges til nederst på forsiden, i mobilvisningen.

   

 

Demobutikk Last ned

Bruk

Du kan legge til motivet i nettbutikken din på denne måten:

1) Last ned og lagre motivet på din datamaskinen
2) I butikkadministrasjonen, helt nederst på siden Design > Mine motiver, klikker du på "Importer motiv" og velger motivet du lagret.
3) Kryss av for "Skriv over startsiden ved import" hvis du vil at motivets eksempelinnhold for startsiden også skal importeres til butikken. Legg merke til at dette skriver over innholdet på forsiden. (Du kan lage en sikkerhetskopi av innholdet du har laget på siden Innhold/kategorier > Dataark visning > Generelt).
4) Når motivet er lastet opp i butikken, finner du det nederst i listen på siden Design > Mine motiver. Her kan du se en forhåndsvisning, redigere og/eller aktivere motivet, så det blir det motivet kundene vil se i butikken.

 

Nødvendige innstillinger

Noen innstillinger for sider og produkter er nødvendige å sjekke for at motivet skal fungere korrekt. Motivet er laget med utgangspunkt i disse spesifikke innstillingene og vil ikke se like bra ut med andre innstillinger.

1) På siden Innhold/kategorier > Dataark visning > Layout bør startsidens innstillinger for tekster settes et bilde og tre tekstfelt representert med ikonet:

2) På siden Innhold/kategorier > Dataark visning > Bilder i det andre bildefeltet kan det lastes opp et eget bilde som skal brukes som startsidens store bile. Først må markeringen "Endre størrelse under opplastning" fjernes for å undgå automatisk skalering av bildets størrelse. Anbefalt størrelse for bildet er 1500 x 500 px.

3) Startsidens innhold i feltet "Lang beskrivelse" brukes i dette motivet som teksten over bildet. Med formatet "Rubrik 2" vises teksten likt som teksten på bannerbildet i eksempelet og lenken som legges til i "Lang beskrivelse" vises som en knapp på bildet. Innhold som legges tll i "Lang beskrivelse (2)" vil vises i underkant av bannerbildet.

 

Jeg gjorde endringer i motivet og nå fungerer det ikke responsivt lenger

Hvis du skal gjøre endringer i motivets elementer, kan det være lurt å lagre en sikkerhetskopi av motivet på siden Design > Mine motiver. Hvis endringene forstyrrer responsiviteten, er det enkelt å gå tilbake til sikkerhetskopien. Motivet kan eventuelt lastes opp på nytt.

 

Jeg kan ikke! Jeg har ikke tid! = Ingen fare!

Hvis det kjennes vanskelig eller om det tar for lang tid å sette oppp dette nye motivet, kan du bestille implementering av motivet fra oss, som en ekstratjeneste for 2950kr (eks. mva). I tjensten inngår implementering av temaet i nettbutikken din, vi legger til logoen din og bytter ut farger til noe som passer imaget ditt. Større endringer i motivet inngår ikke i denne tjenesten, og ønsker du større endringer i designet må det lages en separat avtale om dette.

 

Begrensninger og muligheter for endringer i motivet

Ved for mye endringer i de forskjellige områdene, blir risikoen for å forårsake problemer med å automatisk tilpasse designet til forskjellige skjermstørrelser, stor. Før du starter å gjøre endringer, kan det være lurt å lage sikkerhetskopi på sidan Design > Mine motiver, dette kan også gjøres underveis når ting som allerede fungerer er endret.

Sidehode 1: Det øvre sidehodets venstre del er designet for lenker. Den høyre delen er designet for innlogging- og MIn konto-elementet, i tillegg til språkvalg. På en mobilskjerrm flyttes den høyre delen automatisk under produktene, og den venstre delen skjules helt. Vi anbefaler å ikke legge til flere elementer i sidehodet, da det ikke er kodet til å håndtere flere elementer.

Sidehode 2: Det andre sidehodet er bygget for logoen, søkefeltet og handlekurven. Vi anbefaler å ikke legge til flere elementer i sidehodet, da det heller ikke er kodet til å støtte flere elementer. Handlekurv symbolet er kodet for temaet og kan derfor ikke byttes ut. Hvis du trenger et hvitt handlekurvsymbol for temat, kontakt support eller legg til følgende HTML-kode i Head-området:

<style>
html body .GeneralLayout .HorizontalNavBar .BasketBox .fa-shopping-cart 
{ filter: invert(100%) brightness(200%);}
</style>

Øverst: Den øvre bjelken er designet kun for megameny-elementet. Elementets bakgrunnsfarger, fonters farge/størrelse osv kanendres, men motivet er ikke bygget for å støtte flytting av megamenyen eller forandre elementer. Vi anbefaler også her å ikke legge til andre elementer. På mobil, flyttes denne seksjonen helt øverst i skjermen og megamenyen endres automatisk til en hamburgermeny.

Venstrr: Venstre sidefelt består av flere HTML-elementer for å legge til lenker, bilder osv. I venstre felt kan det også legges til flere elementer, med unntak av en del elementer som ikke er responsive, som betyr at de kanskje ikke skaleres korrekt til alle skjermer. På en mobilskjerm flyttes venstre felt automatisk til nedenfor produktene.

Nederst: Den nedre bjelken har ikke noe innhold ieksempelet, men det kan legges til f.eks. tekster, lenker eller bilder.

Sidefot: Sidefoten er inndelt i fire kolonner, 3 HTML-elementer og ett adresse-element. Du kan legge til lenker og ikoner i HTML-elementene, hvis du vil, i tillegg kan du endre eller fjerne eksempelinnholdet. Vi anbefaler å ikke legge til nye elementer i sidefoten da den ikke er bygget for å støtte flere elementer.

Share on social media