• Design Manager
  • Design
  • Design
  • Nybegynnerguide

    • Om Design Manager

    I denne artikkelen:

       

      Tilpass nettbutikkens design og skap ditt eget uttrykk

      Under Nettbutikk > Design finner du Design Manager. Fra oversikten kan du tilpasse eksisterende designmaler og gå på oppdagelse i Design Store, hvor du kan velge mellom mange flotte maler:

      1. Din aktive designmal, som brukes på butikkfronten. Aktive designmaler er alltid plassert øverst i design manageren. Hvis du har flere sites kan flere maler vises i denne delen.
      2. Tilpass og administrer designmalen din (se mere i delen Slik gjør du det).
      3. Legg til designmal ved å besøke Design Store. Les mer om Design Store her
      4. Inaktive designmaler, som enten er kopier av eksisterende maler, alternative maler fra Design Store, eller designmaler som du har importert er plassert i den nedre delen av designmanageren.

       

      Slik gjør du

      Hver designmal har en rekke egenskaper som enten er synlige fra oversikten eller som nås via funksjonsknappene nederst på designbrikken:

      1. Tittel: Tittelen på den aktuelle designmalen vises her. Du kan endre tittelen via menyen Handlinger (se seksjonen nedenfor)
      2. Kjennemerke: Bildeeksemplet gjør det lettere å skille mellom designmalene i oversikten.
      3. Navn: Her kan du se navnet på den valgte designmalen (bør ikke forveksles med tittelen øverst på designbrikken). Dette er praktisk dersom man ønsker å avklare hvilket design en ev. justering er basert på.
      4. Status på oppdateringer: Her kan du se om koden i designfilene har blitt korrigert (se mere i seksjonen Verdt å vite).
      5. Tilpass: Her kan du tilpasse designmalen; sette inn en logo, og endre farger, skrifttype (font), cookieboks innstillinger mv. Denne seksjonen påvirker ikke status for oppdateringer, selv om du skal være oppmerksom på egen innsatt Javascript og CSS.
      6. Handlinger: Her kan du utføre forskjellige handlinger som vi gjennomgår i seksjonen Handlinger nedenfor.
      7. Forhåndsvisning: Klikk her for å forhåndsvise det aktuelle designet i butikkfronten. Dette er spesielt nyttig hvis du arbeider med et design som ennå ikke er aktivert i butikken, og ønsker å se resultatet.

       

      Handlinger

      Klikk på Handlinger for å utvide handlingsmenyen:

      1. Designmanual: Hvis den aktuelle mal har en tilhørende designmanual, finner du den her.
      2. Endre navn: Her kan du legge inn en valgfri tittel. Med individuelle titler kan du se forskjellen mellom aktive designmaler på tvers av sites, det vil si om du har flere designmaler eller om du tilpasser ulike versjoner av deaktiverte maler.
      3. Duplisere: Her kan du lage en kopi av designmalen som sikkerhetskopi, eller hvis du vil tilpasse en kopi i stedet for den aktive malen.
      4. Eksporter: Her kan du eksportere den aktuelle designmalen. Eksporterte maler lagres som en ZIP-fil og kan brukes til å overføre male mellom nettbutikker.
      5. Designspecifikke tekster: Her kan du redigere tekster som hører til den aktuelle designetmalen. Premium (betalte) designmaler har ofte flere tekstalternativer enn gratis designmaler. Dersom den aktuelle designmal ikke har designspesifikke tekster, vises dette menypunktet ikke.
      6. Opsæt cookies: Her kan du håndtere din cookieopsætning via shoppens cookie manager (se denne guide hvis du benytter iubenda til at håndtere dine cookies).
      7. Sett inn CSS: CSS er et kodespråk som kan brukes til å endre nettbutikkens visuelle layout. Denne delen krever erfaring med koding.
      8. Sett inn Javascript: Javascript er et kodespråk som kan brukes til å legge til funksjonalitet til nettbutikken. Denne delen krever erfaring med koding.
      9. Rediger filer: Denne delen gir mulighet for endringer direkte i nettbutikkens kodefiler, og krever erfaring med koding.
      10. Opprett klon: Denne funksjonen oppretter en fullstendig kopi av designet i nettbutikkens eget filarkiv i stedet for å laste ned den nyeste versjonen fra det delte filarkivet hele tiden. Det betyr at designfilene ikke vil motta kritiske oppdateringer, for eksempel lovpålagte endringer i handlekurven eller kassen - det må du ta deg av selv. Funksjonaliteten er beregnet på situasjoner der oppdatering og utvidelse av hele designet håndteres manuelt, f.eks. via FTP, av en designpartner/webutvikler. Handlingen kan ikke angres.

      Endre design

      Denne funksjonen er bare tilgjengelig for aktive design, og menyelementet vises bare hvis det finnes ett eller flere deaktiverte design i designmanageren:

      Her kan du bytte ut det aktive designet med et av de andre i designadministratoren. Hvis du ikke har noen andre design tilgjengelig, kan du gå til Design Store og legge dem til.

       

      Sletning af designs

      Slette designmaler: Inaktive design, det vil si de som vises nederst i designmanageren, har også et menypunkt "Fjern" til å slette den aktuelle malen. Du kan med andre ord kun slette designmaler som ikke brukes på butikkfronten.

       

      Tilpass designmalen din

      Klikk på Tilpass for å redigere logo, farger og innstillinger for den aktuelle designmalen.

       

      Verdt å vite

      Tilpassede designfiler mottar ikke automatisk oppdateringer fordi vi ikke ønsker å overskrive kodetilpasninger. Du vil derfor importere en ny kopi av designet fra Design Store og kopier den aktuelle filen over med de ønskede kodetilpasningene.

      Hold markøren over teksten Mottar alle oppdateringer for å forhåndsvise hvilke filer som ikke mottar oppdateringer:

      Merk: Har du mange tilpassede designfiler vil oversikten kun vise et utvalg; dette er indikert i dialogen med "og 5 andre..." osv. I så fall må du gå under Handlinger > Rediger filer hvor alle justerte filer er merket med "(C)", som står for Custom som i "egen tilpasning" på engelsk.

       

      Nyttige lenker