Hoppa över meny

Produktbalk

Materialbeskrivning för redaktionell yta i produktbalk. Blocket visar utvalda produkter.

Blocket

Blocket produktbalk visar varor i e-handeln. Det har en redaktionell yta till vänster/överst.

Bildformat och säker yta

Blocket innehåller tre bilder i olika format – den variant som passar bäst i aktuell skärmbredd visas.

Placera text, knappar och andra viktiga element på den säkra ytan mitt i bilden. När blocket anpassar sig efter webbfönstret kan sidorna beskäras.

Bildformat
Bildvariant Mått (retina) Säker yta Max filstorlek
Liten 800×800 px 800×800 px c:a 300 kB
Mellan 1120×700 px 640×700 px c:a 300 kB
Stor 1660×700 px 1024×700 px c:a 300 kB

Exempel

Liten:

Mellan:

Stor:

Filformat

Spara bilden i jpg eller png beroende på innehåll.

Filnamn

Ange filnamn som: Produktbalk [bildvariant] [mått] [kampanj/varumärke].

Exempel: Produktbalk liten 800x800 Änglamark.jpg

Tillgänglighet

E-handel ska enligt lag vara utformad så att så många som möjligt kan förstå och handla.

För annonsmaterial, tänk särskilt på:

  • Använd tydligt teckensnitt och lagom stor text.
  • Se till att kontrast mellan text och bakgrund är tillräcklig.
  • Placera texten mot en lugn bakgrund utan mönster.
  • Skriv kort och enkelt så att alla förstår.

Läs mer om tillgänglighet:

Lagen om vissa produkter och tjänsters tillgänglighet (pts.se)

Riktlinjer för tillgängligt innehåll (w3.org)

Images tutorial (w3.org)

Webbriktlinjer (digg.se)

Din varukorg är tom
Produktbalk - Coop