Etusivu » Support » Nedladdningsbart tema: Rock

Nedladdningsbart tema: Rock

Vårt Rock-tema är ett modernt, tydligt och responsivt tema. Du kan ladda ner temat och börja använda det i din butik genom att följa instruktionerna nedan.

Egenskaper

  • I headern högst upp med svart bakgrund (färgen kan ändras) finns ett textfält för "tjänstlöften". Till höger finns relevanta länkar för användning av webbutiken.
  • På startsidan högst upp finns en plats för ett bildspel som är lika brett som hela sidan.
  • Under bildspelet kan man lyfta fram kategorier. På en större skärm får 2 kategoriboxar plats brevid varandra. Man kan även lägga till fler som då hamnar på en ny rad.
  • Under kategoriboxarna finns en plats för text (Lång beskrivning 2). Textinnehåll är viktigt för sökmotoroptimeringen.
  • Under texten kan man lyfta fram produkter.
  • Under produktboxarna finns ännu ett fält för text (Lång beskrivning 3). I demobutiken har vi som ett exempel lagt till vår Instagram-feed. Detta kan man göra med utomstående tjänster, som t.ex. lightwidget.com.
  • I sidfoten finns bl.a. länkar till olika informationssidor, kontaktinformation och social media.

 

Från en mobilskärm är den översta headern kompakt och menyn öppnas bakom en hamburgerknapp. Genom att klicka på huvudkategorin så öppnas också underkategorierna.

     

 

Demo Ladda ner temat

 

Användarinstruktioner

Du kan lägga till temat i din butik genom att följa dessa punkter.

  1. Ladda ner och spara temat på din dator
  2. I butikadministrationen på sidan Design > Mina teman längst ner klickar du på "Importera tema" och väljer temat.
  3. Bocka för "Skriv över startsidan vid import" om du vill att temats exempelinnehåll för startsidan ska importeras i butiken. Observera att det skriver över det befintliga innehållet på förstasidan. (Kopiera om det behövs ditt eget innehåll som en säkerhetskopia från sidan Innehåll/kategorier > Databladsvy > Allmänt).
  4. När temat laddats upp i butiken så finns det allra längst ner i listan på sidan Design > Mina teman. Därifrån kan man förhandsgranska, redigera och/eller aktivera temat så att det blir det aktiva temat i butiken.

 

Om du provar ett nytt tema så kan det vara bra att spara eventuella designkoder från fältet Inställningar > Allmänna inställningar > Avancerade inställningar > HTML Head-område. Koder som lagts till i det fältet påverkar alla teman och designer i butiken och därför kan de skapa problem med det nya temat om det fortfarande finns koder i fältet som ändrat det tidigare temat.


Om man bara vill testa det nya temat på sidan Design > Mina teman utan att faktiskt aktivera temat så kan man flytta designkoderna från Head-området till ett element i det aktiva temat. I temats sidfot kan man lägga till ett "Text (HTML)"-element och kopiera över designkoderna från Inställningar > Allmänna inställningar > Avancerade inställningar > HTML Head-område. På så sätt påverkar de bara det temats design och man kan då enklare testa andra teman.

  

 

Redigering

1) Bannern på startsidan är gjord med FlexSlider och för att redigera den måste man göra ändringarna i html-koden.

  • Förbered en bild. Rekommenderad storlek är 1600x600 px. Välj en sådan bild som gör att en text syns bra ovanpå. Alltså inte en bild med för mycket kontraster eller detaljer. Observera att sidorna på bilden klipps bort på en mobilskärm.
  • Ladda upp bannerbilden i verktyget Innehåll/kategorier > Filhanterare i butikens administration. Kopiera bildens adress genom att högerklicka på "Hämta" och välja "Kopiera länkens adress".
  • Lägg till bildens url istället för exempelbildens url. Ändra texten och knappens länkadress.

2) På sidan Innehåll/kategorier > Databladsvy > Layout ställer du in följande inställningar:

3) Kategoriboxarna på startsidan skapas automatiskt av de kategorier som har den första bilden. Ladda upp bilderna för respektive huvudkategori på fliken "Bilder". Obs! Avmarkera valet att ändra storleken under uppladning innan du laddar upp bilden. Rekommenderad storlek för bilderna är 500 x 500px.

4) På sidan Inställningar > Allmänna inställningar ställer du in fältet Mobilvisning: Använd inte. Eftersom temat är responsivt så behövs ingen separat mobilvisning.

5) Produktbildernas zoomfunktion bör inte användas och det ställer du in under Produkter > Produktinställningar > Använd zoomfunktionen för produktbilder: Nej.

Färdigställ designen

Färdigställ din design på sidan Design > Avancerad design. Högst upp till vänster lägger du till dina egna löften istället för exempeltexten från temat. I sidfoten lägger du till dina egna länkar till sociala medier och dina egna länkar.

Ställ in färgerna i headern och andra områden samt färgen för text och länkar så att de passar ihop med din image. Observera att förhandsvisningen i designverktyget inte alltid visar saker exakt så som de faktiskt ser ut i själva butiken och därför är det alltid bra att titta på butiken när man gjort någon ändring för att se hur kunderna faktiskt kommer att se det.

Installering av temat som en extratjänst

Om det känns för svårt eller tar för lång tid att börja använda det här nya temat så kan du även beställa implementeringen av temat från oss som en extratjänst för 2950kr (exkl. moms). I tjänsten ingår att vi implementererar temat i din butik, lägger till din logga och byter ut färger så att temat passar din image. Större ändringar av temat ingår inte i implementeringen av temat och om större ändringar behövs så måste de kommas överens separat.

Share on social media