Subsections

5.3 Designinställningar

5.3.1 Redigera sidor

De sidor man kommer till genom att klicka på flikarna i någon av menyerna (som standard endast toppmenyn) går att redigera, skapa flera av och även ta bort. För att administrera sidorna klicka på Sidor -> redigera sidor.
Saknas detta menyval i din webbutik beror det på att du har en lite äldre webbutik. För redigering av sidor se då (5.3.3).

Efter att ha klickat på Sidor -> redigera sidor kommer en översikt över dina sidor upp.

**Figure 5.5:** Redigera sidor, översikt

Klicka på papperskorgen för att ta bort en sidan, plussymbolen för att skapa en ny sida och redigeringssymbolen för att redigera en befintlig sida.

Det går inte att ångra att ta bort en sida, så var väldigt säker på din sak innan du raderar en sida. Byt heller aldrig namn på sidan index.html. Det är din webbutiks startsida och fungerar inte med annat namn.

När du redigerar eller skapar en ny sida kan följande inställningar göras:

Sidans adress - sidans adress. Systemet kommer automatiskt ge sidan en adress tex /NYSIDA-3Hkw.html, men det är oftast smidigare att själv bestämma en adress. Byt då ut det webbutiken föreslår till tex /minegensida.html
Rubrik - sidans rubrik.
SEO keywords - nyckelord för SEO. Se (8) för vidare detaljer om sökmotorsoptimering.
SEO Description - beskrivning för SEO. Se (8) för vidare detaljer om sökmotorsoptimering.
Synlig - om sidan ska synas i webbutikens toppmeny eller ej.
Produkter - här kan du om du vill länka till varor du har i din webbutik. Det kommer se ut på liknande sätt som på startsidan.
För att länka till en vara:
1. Klicka på plustecknet.
2. Ett nytt fönster dyker upp. Välj vara i rullgardinslistan.
3. Klicka på spara.
Vill du ta bort en existerande länkning trycker du på papperskorgen bredvid länken. Vill du byta ordning på hur varorna visas klickar du på pilarna. Varan högst upp kommer visas längst till vänster.
Editfält - Här gör du själva ändringarna för din sida i en html-editorn. Du jobbar lite liknande som i ett ordbehandlings-program. Du kan lägga in länkar och bilder, ändra storlek och färg på texten mm. Det går även att byta till html-läge om man vill det. Klicka på ikonen med haktecken (< >) för att komma åt html-koden. Klicka på ok när du är klar.

**Figure 5.6:** Redigera en sida

5.3.2 Redigera menyer

Det finns som standard alltid en meny i din webbutiks topp, i vilken det länkas till viktiga sidor och länkar, tex köpvillkor och logga in. Du kan själv skapa flera menyer och bestämma vad som ska finnas i dessa. Det kan vara sidor, varugrupper, varor, nyheter, länkar eller undermenyer.

För att redigera menyer, klicka på Sidor -> redigera menyer.
Som standard finns bara toppmenyn här, men du kan även lägga till nya menyer genom att klicka på plussymbolen.

**Figure 5.7:** Översikt menyer

Om du redigerar eller skapar en ny meny finns följande inställningar:

Meny

Här gör du generella inställningar för denna meny.

Rubrik - namn på menyn, mest för att hålla reda på olika menyer.
Tag - kan i allmänhet ignoreras.
Placering - här ställer du in var i din webbutik menyn ska finnas.
- Ej valt - denna inställning ska användas om menyn du editerar är tänkt att användas som undermeny.
- Topp med undermeny (rullgardin) - eventuella undermenyer fälls ut när man drar drar musen över detta menyalternativ.
- Topp med fast undermeny - eventuella undermenyer är utfällda.
- Topp med fast undermeny (i vänsterspalt) - klick på eventuell undermeny visar undermenyn i vänsterspalten av webbutiken.
- Vänsterspalt övanför produktmenyn (utan undermeny)
- Vänsterspalt under sök varor (utan undermeny)
- Vänsterspalt under nyheter och topplista (utan undermeny)

Under menyalternativen finns en lista över de olika saker som finns under denna meny. Det kan vara sidor, länkar, nyheter, varugrupper, varor eller undermenyer. Det som finns under menyn du nu är inne på går att redigera, lägga till nya, kopiera, radera samt byta ordning på genom att klicka på lämpliga ikoner.

**Figure 5.8:** Inställningar för en meny

Menyalternativ

När du redigerar eller skapar en ny beståndsdel för din meny finns följande inställningar:

Rubrik - Rubrik i menyn
Tooltip - Denna text visas när man håller musen över rubriken.
Synlig - ja eller nej.
Hur ska menyalternativet öppnas - om det ska öppnas i ett nytt fönster eller inte.
Typ - om det t.ex är en sida, en länk, eller en varugrupp. Beroende på vad du väljer här kommer olika inställningar gå att göra.
- Sida - välj här en av de html-sidor du tidigare skapat under Sidor -> Redigera sidor. Se (5.3.1).
- Länk - skriv här in länken. T.ex http://nordiskehandel.se.
- Nyheter - välj här en nyhet du skapat under Sidor -> Nyheter blogg. Se (5.7).
- Kategori - välj här en varugrupp att länka till.
- Produkt - välj här en vara att länka till.
- Meny - välj här en (under)meny att länka till.
Värde för länkens attribut - SEO-inställningar för nofollow och noindex.

**Figure 5.9:** Redigera menyalternativ

5.3.3 Redigera sida (äldre webbutik)

För att redigera en sida i webbutiken, klicka på Sidor och sedan till butiken. Gå till den del av webbutiken du vill redigera, tex hem. Klicka sedan på redigera sida. Det kommer nu upp en editor där man kan jobba liknande som i ett ordbehandlings-program. Du kan lägga in länkar och bilder, ändra storlek och färg på texten mm. Det går även att byta till html-läge om man vill det. Klicka på ikonen med haktecken (< >) för att komma åt html-koden.
Klicka på spara-ikonen när du är klar.

**Figure 5.10:** Redigera en sida

5.3.4 Designeditorn

För att komma till designeditorn, klicka i menyn till vänster på Sidor och sedan på design.

I designeditorn kan du bla ändra färger, fonter, bredd samt ändra vissa bilder. Det mesta borde vara ganska självförklarande. Det finns annars oftast en ikon med ett frågetecken till höger om varje rad. Håller du musen över frågetecknet visas en bild över vilken del av din webbutik ändringen gäller.

Designadmin delas in i:

Färger och fonter - här ändrar du färg, bredd, fonter och kan även ladda upp en bakgrundsbild. Först vid klick på Spara alla värden på alla flikar i butiken slår ändringar i din webbutik igenom.
Standardbilder - här kan du ersätta webbutikens bilder för tex kassan och sök. Bilderna skalas inte om automatiskt så se till att bilderna är i rätt storlek från början.

**Figure 5.11:** Design

Webbutik, onlinemanual