Exempelsida för block

3D Block

Rubrik i Editor

a. Fullbredd eller med marginaler
b. Margin-top i fasta värden
c. Tar GLB-fil
d. Valfri färgväljare för ytfinnish i applicerbara fall
e. Endast länk i Editor
f. Temaväljare fasta färger (bakgrundsfärg)
g. Editor

Länk i Editor

Rubrik i Editor

a. Fullbredd eller med marginaler
b. Margin-top i fasta värden
c. Tar GLB-fil
d. Valfri färgväljare för ytfinnish i applicerbara fall
e. Endast länk i Editor
f. Temaväljare fasta färger (bakgrundsfärg)
g. Editor

Länk i Editor

Block 40/60

Titel

Rubrik i Editor

a. Endast fullbredd
b. Margin-top i fasta värden
c. Separat valfri länk-CTA
d. Temaväljare fasta färger (bakgrundsfärg)
e. Bild till höger eller vänster
f. Val av ratio 40/60 eller 60/40
g. Editor

Titel (bild höger)

Rubrik i Editor

a. Endast fullbredd
b. Margin-top i fasta värden
c. Separat valfri länk-CTA
d. Temaväljare fasta färger (bakgrundsfärg)
e. Bild till höger eller vänster
f. Val av ratio 40/60 eller 60/40
g. Editor

Titel (bild höger)

Rubrik i Editor

a. Endast fullbredd
b. Margin-top i fasta värden
c. Separat valfri länk-CTA
d. Temaväljare fasta färger (bakgrundsfärg)
e. Bild till höger eller vänster
f. Val av ratio 40/60 eller 60/40
g. Editor

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris placerat tempor lacus, in vulputate justo faucibus eget. Integer ullamcorper leo quis augue sollicitudin dignissim. Sed ultrices tortor ut ante pulvinar suscipit. Mauris et semper lorem. Maecenas sit amet justo id tellus maximus pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Block 60/40

Titel

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec qu

Titel (bild höger)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec qu

Block 50/50

Titel (bild vänster)

a. Endast med marginaler - EJ Fullbreddsalternativ b. Margin-top i fasta värden c. Separat valfri länk - INGEN CTA: Länkklick på hela blocket d. Temaväljare fasta färger (bakgrundsfärg) e. Bild till höger eller vänster f. Textfält - EJ Editor

Titel (bild höger)

a. Endast med marginaler - EJ Fullbreddsalternativ b. Margin-top i fasta värden c. Separat valfri länk - INGEN CTA: Länkklick på hela blocket d. Temaväljare fasta färger (bakgrundsfärg) e. Bild till höger eller vänster f. Textfält - EJ Editor

Titel (endast bild höger) med länk

a. Endast med marginaler - EJ Fullbreddsalternativ b. Margin-top i fasta värden c. Separat valfri länk - INGEN CTA: Länkklick på hela blocket d. Temaväljare fasta färger (bakgrundsfärg) e. Bild till höger eller vänster f. Textfält - EJ Editor

Broshyblock

Titel

a. Ostylat för Mora idag(?) b. Enkelt block utan layoutalternativ - fält: Titel, text, bild, extern länk, (fil)

Contact block

Name: Bolagsnamn

Title: Titel

Address: Adress

Postal: 111 22

Phone: 0702223333

Phone: 0702223333

Email: email@epost.se

FlowBox block

Titel för filter

a. Endast med marginaler - Ej Fullbreddsalternativ b. Margin-top i fasta värden c. Block för att visa upp content från FlowBox d. Inga layoutalternativ - endast med marginaler i desktop e. Valfria filter kan läggas till manuellt med taggar som användare kan filtrera med (Oklart vilka taggar som kan användas)

Hero block 33%

left/center/right

Titel

Fullbredd eller med marginaler. Margin-top i fasta värden. Heroblock med textyta över bild (textyta har egen BG). Bakgrund till textfält kan läggas på 0%/25%/70%/100% opacitet.
En valfri URL-länk

Titel

Textytan kan läggas på 33%/50%/66%/100% bredd. Textytan kan justeras höger/vänster/centrerat. Temaväljare fasta färger (för bakgrundsfärg till textblock)
Extern länk

Titel

Valfri URL-länk för CTA. Fast höjd på blocket. Editor är halvt oanvändbar
Extern länk

Hero block 50%

Med extern länk

Titel

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec qu
Extern länk

Hero block 66%

Med RichText och extern länk

Titel

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec qu

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec qu

Extern länk

Hero block 100%

Med extern länk

Titel

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec qu
https://www.moraarmatur.com/sv/speglar

Icon block

Fullwidth

Titel

Detta är ett block med RichText och alternativ för font-awesome.
(Detta har jag använt som separator till alla andra block på denna sida)

Image grid block

4 kort

Kort 1 (Ingen bild)

a. Endast med marginaler - Ej Fullbreddsalternativ
b. Visar Textitem och upp till tre bilditems i grid om två kolumner.
c. Valfri bakgrundsfärg på textblocket
d. Textfärg kan ändras manuellt till svart/vitt
e. Länkning fungerar alls (Endast stylat på FMM?). Finns dock egenskap för intern CTA-länk (CMS), eller länk kan läggas i Editor.
f. Bilder skuggas om det har text på över sig
g. Text och bildskugga kan visas endast på hover i desktop som alternativ.

Länk i Editor

Kort 2

Text för kort 2

Länk i Editor

Kort 3

Text för kort 3

Kort 4

Text för kort 4

Image grid block

2 kort - Visa text på mouse over

Kort 1 (utan bild)

Text på kort 1

Kort 2

Text för kort 2

Image teaser block

Med bild och extern länk

Rubrik (full width - beskuren bild)

a. Fullbredd eller med marginaler
b. Margin-top i fasta värden
c. Variant på 50/50-block som kan läggas på fullbredd
d. Bild till höger eller vänster
e. Temaväljare för bakgrundsfärg
f. En valfri CTA-länk
g. Bild kan beskäras i höjd så att det passar textblockets höjd

Rubrik (full width - Ej beskuren bild)

Text på teaser block

Fullbredd med beskuren transparent bild

Text på teaser block. Text på teaser block. Text på teaser block. Text på teaser block. Text på teaser block. Text på teaser block. Text på teaser block. Text på teaser block. Text på teaser block. Text på teaser block. Text på teaser block. Text på teaser block. Text på teaser block. Text på teaser block. Text på teaser block. Text på teaser block. 

Ej fullbredd med transparent bild

Text på teaser block

Multiblock

Stor item till vänster eller höger

F392150_fr.png

Block section 1

a. Endast med marginaler - Ej Fullbreddsalternativ. b. Margin-top i fasta värden. c. Block där upp till tre items kan visas: Nummer 1 på helhöjd i första kolumnen och nummer 2 och 3 på halv höjd i andra kolumnen. d. Kolumner kan byta plats: Stor item till höger/vänster. e. valfri CTA-länk. f. Textfält för Items - Ej editor. g. Temaväljare för bakgrundsfärg på text-BG. h. Opacitet på Text-BG kan sättas till 0%/25%/70%/100%.

Länktext
Skärmbild 2026-10-07 070921.png

Block section 2

Text i block section 2

Länkttext 2
Skärmbild 2026-10-07 072939.png

Block section 3

Text i block section 3

Länktext 3
F392150_fr.png

Block section 1

Text i block section 1

Länktext
Skärmbild 2026-10-07 070921.png

Block section 2

Text i block section 2

Länkttext 2
Skärmbild 2026-10-07 072939.png

Block section 3

Text i block section 3

Länktext 3

Teaserblock

Skärmbild 2026-10-07 071438.png

Titel 2

Text 2

Länktext 2
Skärmbild 2026-10-07 071438.png

Titel

Text

Länktext
Skärmbild 2026-10-07 071546.png

Titel 2

Text 2

Länktext 2
Skärmbild 2026-10-07 070921.png

Titel 3

Text 3

Länktext 3
Skärmbild 2026-10-07 071127.png

Titel 4

Text 4

Länktext 4
Skärmbild 2026-10-07 072939.png

Titel 5

Text 5

Länktext 5

Textblock

Vänsterjusterad och centrerad

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris placerat tempor lacus, in vulputate justo faucibus eget. Integer ullamcorper leo quis augue sollicitudin dignissim. Sed ultrices tortor ut ante pulvinar suscipit. Mauris et semper lorem. Maecenas sit amet justo id tellus maximus pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Ett enkelt textblock i RichText

a. Endast fullbredd
b. Margin-top i fasta värden
c. Temaväljare för bakgrundsfärg
d. Text kan marginaljusteras vänster eller centreras
e. Editor

Länk i Editor

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris placerat tempor lacus, in vulputate justo faucibus eget. Integer ullamcorper leo quis augue sollicitudin dignissim. Sed ultrices tortor ut ante pulvinar suscipit. Mauris et semper lorem. Maecenas sit amet justo id tellus maximus pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Ett enkelt textblock i RichText

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris placerat tempor lacus, in vulputate justo faucibus eget. Integer ullamcorper leo quis augue sollicitudin dignissim. Sed ultrices tortor ut ante pulvinar suscipit. Mauris et semper lorem. Maecenas sit amet justo id tellus maximus pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Länk i Editor

Video block

Länk till video youtube-video
Beskrivande text om video En till text om video
LÄNK TILL VIDEO YOUTUBE-VIDEO
Länk till video youtube-video
Beskrivande text om video En till text om video
LÄNK TILL VIDEO YOUTUBE-VIDEO

Videoblock i listning

En beskrivande text om en video i en listning.