Design och Bilder

Hem > Svenska > Design och Bilder

Riktlinjer för Bilder

Riktlinjer för Bilder Bilder är en av de viktigaste komponenterna på en e-handelssajt. Högkvalitativa bilder kan inte bara hjälpa till att skapa ett professionellt intryck utan även öka konverteringar genom att visa produkter på ett attraktivt och tydligt sätt. Nedan följer allmänna riktlinjer för bildanvändning. 1. Upplösning och Kvalitet • Hög upplösning: Bilder bör ha tillräcklig upplösning för att undvika pixlar och suddighet. För produktbilder rekommenderas en upplösning mellan 800x800 ...

Design work in progress

Ny design på gång för våra kunder. New design in progress for our customers.

Att välja bilder till din webbshop

Att välja bilder till din webbshop Anlita gärna en expert. De har den kunskap, erfarenhet och utrustning som kan säkerställa ett önskvärt resultat. Nedan har vi listat några punkter att ha i åtanke gällande bilder på din webbshop: Presentation En högkvalitativ bild kan visa produkten på ett attraktivt sätt och på så sätt öka kundens intresse och förtroende för produkten. Enhetlighet Välj bilder med samma mått och bakgrund till dina produkter, det skapar ett organiserat och enhetligt...

Fel typsnitt i beskrivningen

Text som klistras in i editorn från t.ex. en hemsida, word, pages m.m. får oftast fel typsnitt som är förvalt på sidan. Anledningen till det är att man kopierar även med kod för formateringen som inte syns för ögat. För att komma förbi problemet så kan man kopiera in texten i t.ex. anteckningar i datorn först. Då kommer alla dolda formateringar att försvinna när man sedan kopierar om texten från anteckningar vidare in i editorn. I editorn så finns det även två funktioner man kan använda ...

Bilden syns inte!

OBS! webbvänligt filnamn Undvik svenska tecken (och mellanslag) i filnamnet. Döp om filen utan åäö, och försök igen. Produktbilder måste helst vara jpg för bästa kvalitet (inte gif, bmp, png etc.) OBS! webbvänligt filnamn, dvs. inget mellanslag eller åäö i namnet, annars kommer inte bilden att synas vid förstorning. Bilderna får vara max 1200x1200px stora. Filnamnen kan inte innehålla mer än 64 tecken (t.ex. xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx.jpg). (kontakta o...

Kan man lägga in flera bilder (utöver de 5 som ingår) på en och samma produkt?

Ja, det kan man. Först laddar man upp extra bilder (eller filer t.ex. PDF) via "Filhanteraren" (ej aktiv i en testbutik p.g.a. säkerhetsrisk), sen kan man lägga in bilden/bilderna via produktredigeringssidan. Du kan också skapa extra sidor med bilder via Sidhanteraren och länka till sidan från en annan sida (t.ex. produktsida) Det finns dessutom många s.k. "moduler" som vi kan installera i din butik. T.ex. för att visa ett bildspel eller film.

Hur gör jag för att få min logotyp att visas i butiken?

1. Om du inte har logotypen färdig skapar du den med valfritt bildredigeringsprogram (Paint, Photoshop m.m.) Logotypen måste heta logo.jpg. (I äldre butiker) I V.11 måste Logotypen vara i PNG-format. 2. Ladda upp logotypen med Filhanteraren (admin > Filhanteraren). I V.11 Laddar du upp logotypen via admin > Inställningar & Design > Butikslogotyp 3. Din logotyp visas nu i butiken. I tidigare butiker (innan V11.) OBS! Logotypen MÅSTE vara i JPG-format. Det går inte att skapa t...

Få bort ram runt bild

Gå till admin > CMS/Sid- och texthanteraren > [sidan du vill redigera]. Högerklicka på bilden som du har länkat och välj "Bildegenskaper". Klicka på fliken "Visuella inställningar" och skriv 0 i fältet "Ram". Klicka därefter på "Uppdatera". Instruktioner för dig som har version 9 och senare. ----- Gå till admin > CMS/Sid- och texthanteraren > [sidan du vill redigera]. Högerklicka på bilden som du har länkat och välj "Infoga/redigera bild". Klicka på fliken "Utseende" och sk...

Instruktioner - Hur ändrar man CSS själv

I admin laddar man ner CSS-filen i admin > "Verktyg" > "Filhanteraren" > "themes" > "design.css". När man har redigerat CSS-filen laddar man upp den igen i admin > "Verktyg" > "Filhanteraren" > "themes". CSS-filen kan redigeras i ett vanligt textredigeringsprogram t.ex. Anteckningar. Gå nu till butiken för att se ändringarna. Det krävs goda kunskaper i CSS för att kunna hantera detta på egen hand. Vi ger ingen support på detta. Ta en Backup innan du ändrar genom a...

Instruktioner - infoga flash

Flash är borttaget i nya versioner av Talex Webshop p.g.a. att det ofta kan förstöra responsivitet och mobilanpassningar. Kontakta Talex om det ändå är viktigt för dig att använda Flash. Om du t.ex. ska infoga en Flash i en egen sida i admin > Sid- och texthanteraren gör du följande: 1. Ladda upp Flash-filen i admin > Verktyg > Filhanteraren. 2. Gå till admin > Sid- och texthanteraren och klicka på "ny sida". 3. I fältet "Text och/eller bild" klickar du på flash-ikonen (ik...

Design, Färg & Layout - Version 11

Version 11 är Responsive och framtagen för att du ska kunna påverka designen ännu mer själv. Grundinställningarna admin>Inställningar & Design>Design, Färg & Layout Butiksbredd Butiksbredden kan anges antingen i pixlar "1000" eller procent "100%". Full page header * Om "Full page header" är aktiverad till "Ja" så kommer både header & footer fylla sidan ända ut till kanterna. Om "Full page header" är aktiverad till "Nej" så kommer både header & footer enbart fylla Butiksbredde...

Kategorier - Version 11

Kategorier Version 11 Hur aktiverar/inaktiverar jag kategorier på startsidan 1. Logga in i admin 2. Gå vidare till Inställningar & Design > Design, Färg & Layout 3. Ändra värdet på Visa vänsterkolumnen på startsidan Värde: 0 Kategorierna är inaktiverade på startsidan Värde: 1 Kategorierna är aktiverade på startsidan Hur aktiverar/inaktiverar jag kategorierna i toppmenyn 1. Logga in i admin 2. Gå vidare till Inställningar & Design > Design, Färg & Layout 3. Ä...

CSS Variabler - Design - Version 11

CSSVARIABLER Obs! Nedan är inget vi ger fri support på men kan ges vid debitering av service card. https://webshop.talex.se/service-cardrefillcard-p-284.html (https://webshop.talex.se/service-cardrefillcard-p-284.html) För att komma åt CSS Variabler behöver du aktivera Expertmode. Expertmode läge aktiverar du till true via admin>Expert mode> true CSS Variabler hittar du sedan under Inställningar & Design>CSS Variabler HEADERTEXTALIGN Headern är satt till "center" som st...

Google Fonts - Version 11

Google Fonts Obs! Nedan är inget vi ger fri support på men kan ges vid debitering av service card. https://webshop.talex.se/service-cardrefillcard-p-284.html (https://webshop.talex.se/service-cardrefillcard-p-284.html) https://www.google.com/fonts I version 11 så har du möjlighet att använda dig av 3st olika Google fonts i din Webshop i Expertmode. Expertmode aktiverar du till true via admin>Expert mode> true Under Inställningar & Design>CSS Variabler hittar du GOOGLEFO...

Lägg till / Ta bort 3part logotyper - Version 11

Alla 3-part logotyperna hittar du via admin i din butik. admin > verktyg > filhanteraren > 3part "mapp" Till höger om varje fil finns det en bild på en soptunna för att radera bilden. För att lägga till en 3part logotyp så använder du knappen "Ladda upp" längst ner. Tänk på att logotyperna måste vara i formatet .png

Riktlinjer för design

Leveranstid e-handelssystem med standardfunktioner är ca. 1-2 arbetsdagar efter att vi har mottagit er betalning. Därefter kan vi börja anpassa utseendet och funktioner efter dina önskemål. Under tiden behöver ni inte vänta på oss! Ni kan lägga in logotyp, alla kategorier & produkter, produkttexter, bildspel, sidors innehåll och text i footer. Allt detta hittar ni i admin. Följande gäller när du har köpt ett designpaket eller ett E-handelspaket där design ingår 1. Lägg in några produkter ...

Bildspel / Image slider

Den här funktionen ingår i nyare versioner av Talex Webshop. Bilderna som ni vill ska visas i bildspelet laddar ni upp i filhanteraren ("verktyg" -> "filhanteraren") till katalogen "image_slider". För att bildspelet ska se så bra ut som möjligt bör alla bilder ha samma storlek (bredd och höjd). Sedan går ni till Bildspel ("verktyg" - > "bildspel") Där kan ni lägga till en ny så kallad "slide" för varje bild ni har laddat upp. När ni känner er klara går ni till inställningar för bi...