Moduloverblik
Her er et overblik over de forskellige moduler og hvordan de kan benyttes.
For at gøre det nemmere at skabe og strukturere indhold på shop.lemu, er her en samlet oversigt over de forskellige tilgængelige contentmoduler.
Formålet med denne oversigt er at give et tydeligt og overskueligt overblik over mulighederne – så du hurtigt kan se, hvilke moduler der findes, hvad de kan bruges til, og hvordan de bedst anvendes i praksis.
Hvert modul har sin egen funktion og styrke – fra simple tekst- og billedmoduler til mere avancerede komponenter som lister, bannere og interaktive elementer.
Ved at bruge oversigten som reference kan du nemt vælge de moduler, der passer bedst til dit indhold og sikre et ensartet, brugervenligt og visuelt sammenhængende udtryk på tværs af siderne.
Herobannere til contentpages
Herobanneret til contentpages er i fuld bredde. Herobannere fra gammel lemu.dk kan ikke bruges da de er i en mindre opløsning så de kommer til at skalere grimt. Focal point er også vigtigt at benytte sig af for at sikre optimal visuel balance. Billedet skal have distribueret den visuelle vægt i højre side da vægten i venstreside er reserveret til tekst.
Herobannere til artikler
Herobanneret til contentpages er i fuld bredde. Herobannere fra gammel lemu.dk kan ikke bruges da de er i en mindre opløsning så de kommer til at skalere grimt. Focal point er også vigtigt at benytte sig af for at sikre optimal visuel balance. Billedet skal have distribueret den visuelle vægt i højre side da vægten i venstreside er reserveret til tekst.
Colorcombos
Colorcombos
Colorcombos bliver brugt på tværs af modulerne og kan bruges som headers til forsiden af shop.lemu, headers til artikel- og contentsider som baggrundsfarve i billedmoduler eller som baggrundsfarver til teasermodulet.
Vær opmærksom på at benytte den rette colorcombo der passer bedst med baggrundsbilledet, da tekstfarven vil have en kontrastfarven til baggrundsfarven, selvom denne ikke er synlig ved et baggrundsbillede.
- Dark Blue & Blue baggrunde har lyse tekstfarver.
- Light grey, Sand, White & transparant har mørke tekstfarver.
Billedmodul
1-3 images/videos
Billedmodulet kan bruges sammen med tekst, enten med billeder i 16:9 format og/eller med en YouTube video der indsættes som link.
- Brug billeder i 16:9 format
- Kan også indsættes med en YouTube video
- Op til 3 moduler i en række
- Der er mulighed for at lave modulet med forskellige baggrundsfarver.
Billedmodul
Image/Video with text
Billedmodulet kan bruges sammen med tekst der er enten højre- eller venstre stillet. Billeder i kan laves i bred format(16:9), dynamisk(dynamisk efter tekstlængde) eller i firkantet format eller med en YouTube video der indsættes som link.
- Billeder i 16:9 format, dynamisk højde eller i firkantet format.
- Kan også indsættes med en YouTube video
- Der er mulighed for at lave modulet med forskellige baggrundsfarver.
- Der er mulighed for at indsætte CTA´er.
Textarea block modul
Textarea block modul
Dette modul bruges til brødtekst, tables og bulletpointed lists.
- Header tekst kan være i H3, H2 eller pragraftekst i bold.
- Mulighed for at lave listevisning med bulletpointed lists.
- Forskellige muligheder for at lave forskellige tables.
Teaser
Teaser modul
Teaser modulet bruges som billede med tekst, enten med baggrundsbillede, baggrundsfarve eller med et top placed image eller ikon.
Tekstfarven ændrer sig efter baggrundsfarven i fht. colorcombos.
Et normalt teasermodul kan enten laves som en række i wide bredde, eller normal bredde, i narrow eller high format og med to til fire i en række og med eller uden mellerum mellem teaserne.
- VÆR EKSTREMT OPMÆRKSOM PÅ TEKST PÅ BILLEDER!
- Tekst ovenpå billedet i normalt teasermodul.
- Normalt teasermodul kan laves i enten high eller narrow format.
- Top placed image er fleksibel i højden alt efter tekstlængde.
- Top placed image har billeder i 16:9 format.
- Top placed image kan også have et ikon i toppen.
- Der er mulighed for at lave modulet med forskellige baggrundsfarver og tekst.
Produkt blok
Produktblok modulet kan bruges til at lave en række af produkter der er hentet fra shoppen. Modulet kan opsættes med scrollbar eller som grid. Man kan vælge at se modulet som grid eller som scrollable felt. Man kan vælge ubegrænset antal kort. Ved scrollfelt er det kun 5 kort synlige pr. modul, resten er gennem en scrollbar.
Man kan også indsætte et campaigncard med et brugerdefineret billede, braggrundsfarve, en tekst og en CTA og valgfri placering.
- Mulighed for at indtaste LM nummer til produkter.
- Scollable eller grid visning.
- Kan benyttes i fullwidth, wide eller normal format.
- Man kan indsætte et billede med tekst og en CTA.
Accordion
Accordion modulet kan indeholde både billedmodulet og tekstmodulet. Det er editorbestemt om man vil have at modulerne er ekspanderet eller kollapset ved load af siden.
- Kan indeholde hele billedmodulet.
- Kan indeholde hele tekstmodulet.
- Mulighed for CTA.
Callout
Calloutmodulet er et fullwidth modul der kan indeholde tekst, et billede eller en farve med eller uden ikon i toppen.
- Mulighed for at teksten kan være venstre-, midter- eller højrestillet.
- Man skal definere højden på modulet.
- Ikonet skal være i svg.
- Baggrundsfarverne kan ændres i fht. colorcombos.
iFrame
Det er muligt at implementere en iFrame der loader en ekstern side i iFramen - men vi skal være yderst opmærksomme på at benytte iFrame. Faldgruberne kan være at iFramen ikke renderer ordentligt, vi kan ikke kontrollere om den eksterne side er vedligeholdt, aktiv eller overholder de standarder vi skal stå til ansvar for hos Lemvigh-Müller.
Mosaic Gallery
Mosaic Gallery modulet er godt at bruge hvis man gerne vil vise mange billeder f. eks. fra en messe, event eller andet. Man kan tilføje en headertekst og en indledende brødtekst. Billederne man skal bruge i galleriet skal være i en mappe man kan pege på i umbraco.
- Rows er hvor billederne er lidt mindre end standard visning. Denne visning er god at bruge ved mange billeder.
- Reverse viser billederne i omvendt rækkefølge i fht. rækkefølgen i mappen som umbraco henter billederne fra.
- Randomized aspect ratio viser billederne med forskellige aspectsratios.
- Lightbox gør at man kan se billedet i større størrelse ved et klikket på det.
iPaper Catalogs Ribbon Block
Med iPaper Catalogs ribbon blok kan man vise ipapers i et ribbon. Baggrundsfaven af ribbonet ændres efter Colorcombos. Du har mulighed for at pege på en iPaper individuelt eller i en mappe.
- Indsæt individuelle iPapers.
- Load en mappe med iPapers i modulet.
iPaper Promotional Flyer
Dette modul viser en iPaper, en tekst, CTA og et ribbon med produkter. Man kan indsætte et iPaperlink hvor forsiden af iPaperen bliver vist.
- Link til iPaper kan vises.
- CTA kan vises.
- Der kan vises et ribbon med produker.
- Farver kan sættes i colorcombos.
Contact cards blok
Med Contact Cars blok kan man vise et udvalg af personer inddelt i faggrupper med mail, stillingsbetegnelse, link og telefonnummer.
Man kan indsætte et kort med en person, som et generisk kort hvor man kan skrive tekst i billedfeltet eller man kan loade som et team fra Salesforce.
Du kan indsætte:
- Mail
- Telefonnummer
- Stillingsbetegnelse
- Profilbillede i 16:9 format
Catalogues
Dette modul viser en overskrift, en brødtekst og et billede med et link.
Man kan ikke ændre baggrundsfarven på kassen bag billedet.
- Billedet bliver beskåret i et A4 format.
- Man kan ikke ændre farven på den grå baggrundsboks.