Sections

Infogrid V1

Skapa ett anpassat rutnät för att presentera statistik och information med värden, tillhörande texter och ikoner.

Exempel

Här kan du se exempel på Infogrid V1:

Wasabi Web’s demosida

Så här kan Infogrid V1 se ut:

Användning

Data points

Label – Ange en beskrivande text för datapunkten.
Big – Kryssa i rutan om Value ska visas större.
Icon (SVG) – Lägg till en SVG-ikon.
Value – Ange värdet som ska visas för datapunkten.

Layout

Background
- Background color – Välj bakgrundsfärg för modulen.
- Background image – Lägg till en bakgrundsbild (se till att den är liten för mobila enheter).
- Background position – Välj bakgrundsbildens position.
- Background fixed – Kryssa i rutan om bakgrundsbilden ska vara fixerad när besökaren scrollar.
Color
- Label color – Välj färg på etiketten.
- Value color – Välj färg på värdet.
Value weight -Välj hur fet texten för värdet ska vara.
Value size – Välj storlek på värdet.
Center – Centrera innehållet.
Box background – Välj bakgrundsfärg för boxen
Box rounded – Kryssa i rutan om boxen ska ha rundade hörn.
Box border – Välj färg på boxens ram.
Use images as SVG icons – Välj detta om en uppladdad SVG-bild ska visas som en ikon.
- Icon styling – Anpassa ikonens form, bakgrundsfärg och ikonfärg.
Big padding – Lägg till extra utrymme ovanför och under innehållet.
Animation – Kryssa i rutan om innehållet ska animeras.
Stagger animation – Visa eller dölj elementen ett i taget med en kort fördröjning mellan varje element.
Stick to previous – Tar bort mellanrummet mellan denna och föregående modul.
Stick to next – Tar bort mellanrummet mellan denna och nästa modul.

Upptäck alla våra andra moduler

All Articles Sections Banners Modals Discontinued Footers Headers Sides Others

Hjälpte manualen dig?

Skriv gärna din åsikt här och skicka till oss

Behöver du mer hjälp?

Hittar du inte modulen på din sajt? För att optimera din pagespeed är den förmodligen inte aktiverad ännu! Eftersom för många aktiva moduler på sajten kan påverka pagespeed är de man inte använder ofta inaktiva. Om det finns någon modul som du vill använda är det bara att kontakta oss, så aktiverar vi den åt dig!

Om modulen inte är 100% det du är ute efter kan du även ta kontakt med oss så kan vi göra custom justeringar på modulen så den passar just dina behov.

Kolla gärna på våra andra moduler med! Kanske har vi redan en modul som passar dig, självklart helt kostnadsfritt om du använder WW Platform.

Visa alla moduler

Utmärkelser & Media

Nyhetsbrev

Följ vad som händer på Wasabi Web

Få uppdateringar kring vad som händer på Wasabi Web och få de senaste nyheterna direkt i inkorgen. På så sätt riskerar du inte att missa något viktigt inom digital marknadsföring, design och säkerhet.

Prenumerera
E-post

Ogiltigt

Jag godkänner e-post används för att få Wasabiwebs nyhetsbrev.

Obligatorisk