Vi har medvetet valt att möjligheterna till editering ligger på elementnivå och kräver inga särskilda kunskaper inom programmering eller HTML. Med denna metodik kan vi garantera att de ändringar som görs inte påverkar möjligheten att vara kompatibel med de löpande uppdateringar som sker för Nettailer.

När du valt Grafisk profil kan du skapa en ny version av den grafiska profilen eller editera en befintlig. Du kan enkelt växla mellan olika versioner, detta kan vara användbar om du exempelvis vill arbeta med årstids- eller storhelgsteman. Du kan ändra namn, ändra och ta bort versioner. Du kan också kopiera version för att utgå ifrån den.

När du arbetar med en ny version så kan du ange att denna skall användas som testsession. Detta medger att du kan editera, granska och färdigställa förändringar utan att det påverkar den vy som dina kunder ser. När du är klar med ditt arbete kan du växla till den nya versionen via valet ”Version att visa för kunder”.

Detta verktyg tar editerar shoppen så kallade CSS för att presentera design och layout. Verktyget ser också till att du enkelt kan ladda upp en bild för att påverka just designen. Om du vill ha djupare kunskaper inom CSS kommer ett separat avsnitt om det framöver. Denna enklare presentation fokuserar på att du inte skall behöva ha kunskaper om CSS.

Välj versioner att använda

Vänster kolumn

Under denna flik kan du bestämma i vilken ordning de olika elementen skall visa sig i shoppen och vad de skall heta. Du kan också aktivera/inaktivera de olika elementen.

Skapa/Editera en version

När du arbetar med en version av din grafiska profil så hittar du de editeringsmöjligheter som finns uppdelat under följande flikar: Version, Övergripande, Butikshuvud, Vänstermeny, Center, Högerspalt, Produktlistning, Produktkort, Profileringar, Kundvagn och Diverse. Varje flik är indelad i delmoment. Du hittar en förklarande bild per delmoment så att du enkelt hittar de element som du vill editera. På bilderna är respektive element nummersatt och du hittar editeringsmöjligheter för motsvarande nummer för delmomentet.

Till höger på varje elementrad hittar du de standardvärde som respektive element har levererats med.

I toppen har du knapparna "Ta bort" och "Kopiera" som du kan använda om du vill ta bort eller kopiera den aktuella grafiska versionen.

Beskrivning av de generella inställningsmöjligheterna

Text: Du kan ändra Stil, Fetstilstyp, Teckenstorlek, Radavstånd samt Typsnitt.

Exempel

Färg: På de element som kan färgsättas finns en pipettsymbol. Om du klickar på denna kan du välja färg från den palett som visas. Om känner till den hexadecimala färgkoden för den färg som du vill använda så kan du ange den direkt utan att använda färgpaletten.

Exempel

Här är en lista med hexadecimala värden på olika vanliga färger som används på webben: http://en.wikipedia.org/wiki/Web_colors#HTML_color_names

Bild: På de element där du kan ladda upp en bild så finns en ”Bläddra”-knapp. De bildformat som stöds är GIF, PNG och JPEG.

Transparent: Om du klickar i Transparent för ett element så innebär det att eventuellt bakomliggande element syns igenom det aktuella elementet. Stöds dock inte av Internet Explorer 8 och tidigare.

Mer (alternativ): För en del element som berör bakgrundsbilder finns knappen "Mer". Med detta val ges du möjlighet att editera bakgrundsfärg och ange position för bilden. Du kan ange position via fasta val såsom ”Vänster centrerad” eller ange den via pixelposition i x- och y-led. Om du väljer att ladda upp en mindre bild så kan du välja att repetera den eller att repetera den i x- eller y-led så att den fyller ut den aktuella arean.

Här nedan kommer en närmare presentation av flikarna.

Ram: Om man vill presentera en ram runt ett element finns dessa möjligheter i den grafiska profileditorn.

Exempel

Läs mer om ramar här:

De olika sektionerna

Version

Inom denna flik kan man till exempel påverka namnet på versionen och för de som är mer avancerade kan de ange sin egna CSS-fil, eller så kallade "stilmallar".

Övergripande

Här anger man de övergripande attributen för sidan. Det är dessa stilar, bilder och positioner som kommer användas om inget annat anges specifikt inom de övriga flikarna.