Montana og MontanaB2B: alle moduler i sidedesigneren

Sådan bruger du guiden

I sidedesigneren bygger du sider op af sektioner: vandrette bånd som et banner, en produktliste, eller en tekst. Hver sektion er et modul, som du vælger i et panel og udfylder med felter. Hvilke moduler der findes, og hvordan de ser ud i butikken, bestemmer temaet. Guiden gennemgår alle 24 moduler i Montana og MontanaB2B, som har de samme moduler med de samme felter. Hvert modul har sit eget afsnit, så du kan hoppe direkte til det, du er ved at bygge.

Er du ny i sidedesigneren, så start med lektion 9 om forsiden, der viser, hvordan du opretter et sidelayout, og lektion 2 om forskellen på tema, temaindstillinger, og sidedesigner. Farver, skrifttype, og produktkortenes udseende sætter du i temaindstillingerne for Montana, ikke i modulerne.

Tilføj, ret, og gem et modul

1. Gå til Design → Sidedesigner, og åbn det sidelayout, du vil bygge. Har du ikke et endnu, så klik på Opret layout på kortet for sidetypen, fx Forsiden. Du kan også klikke på ikonet Rediger sideopsætning ud for en kategori, en landingsside, en side, eller et blogindlæg i listerne. Ved produkter ligger det som Sideopsætning i menuen med de tre prikker.
2. Find modulet i panelet Tilføj sektion til højre. Skriv i Søg moduler for at finde det hurtigt. Er panelet lukket, åbner fanen Moduler i højre kant det.
3. Klik på modulet, så lægges det nederst. Du kan også trække det derhen, hvor det skal ligge.
4. Fold sektionen ud med pilen i dens topbjælke, og udfyld felterne. Et nyt modul står foldet sammen.
5. Klik på Gem. Brug Preview øverst til at se siden i butikken.

1. Søg moduler filtrerer listen på navn og beskrivelse.
2. Klik på et modulkort for at tilføje det nederst, eller træk det på plads.
3. Montana deler siden i Sektioner over indholdet og Sektioner under indholdet. Træk i en sektions topbjælke for at flytte den, også mellem de to zoner.
4. Pilen folder sektionen ud, så du kan se og rette felterne.

Et klik på et modul lægger det nederst under Sektioner under indholdet. Rækkefølgen gemmes med det samme, når du trækker en sektion, mens tekster, links, og billeder først gemmes, når du klikker på Gem. En sektion vises først i butikken, når den er gemt. Der er ingen kladde: er layoutet online, ser kunderne det, du gemmer.

Montanas 24 moduler

Modulerne står i panelet i samme rækkefølge som i guiden. Grupperet efter formål er de:

• Bannere og billeder: Stort banner, Bannere, Tekstbanner, og Billedgalleri.
• Tekst: Overskrift, Tekst, Tekst - to kolonner, Tekst og billede, og Værdier/USP'er.
• Produkter: Produktliste, Anbefalinger, Produkt-karusel, Produkt-feature, og Produktblok.
• Kategorier: Kategoriliste, Kategori-karusel, og Kategori-feature.
• Blog og nyhedsbrev: Blogliste og Nyhedsbrev.
• Kort og sociale medier: Adresse & kort, Facebook, og Instagram.
• Hjælpemoduler: Tilpasset kode og Mellemrum & adskiller.

I temaets beskrivelse under Design → Tema står der "Shoporama Sidedesigner med 16 moduler". Det tal er forældet: både Montana og MontanaB2B har i dag 24 moduler.

Sidetyper, og hvor modulerne lander

Sidetypen vælger du, når du opretter et sidelayout, og du kan ændre den under Indstillinger øverst i sidedesigneren. Alle moduler kan bruges på alle sidetyper, bortset fra Anbefalinger, som kun findes på kategorier (inkl. forsiden), landingssider, produkter, søgesiden, kurven, merkøbssiden, og 404-siden.

Montana viser sektioner på forsiden, kategorier, produkter, landingssider, statiske sider, blogindlæg, søgesiden, kurven, tak-for-ordre-siden, merkøbssiden, 404-siden, login-siden, opret-konto-siden, og siderne med kundens ordrer og ønskeliste. Hvor på siden de lander, afhænger af sidetypen:

• Forsiden: kun sektionerne, først dem over og så dem under indholdet. Har forsiden et layout, viser den ikke selv produkter eller kategorier.
• Kategorier: over indholdet ligger øverst, over brødkrummerne. Under indholdet ligger i samme kolonne som produkterne, lige under dem, og vises kun, når der er produkter på siden.
• Landingssider: over indholdet ligger under brødkrummerne og over sidens navn og produkter. Under indholdet kommer efter produkterne.
• Produkter og statiske sider: over og under sidens eget indhold.
• Blogindlæg: over indholdet ligger øverst. Sektionerne under indholdet vises i stedet for indlæggets tekst.

Felter der går igen

• Link. Skriv mindst to tegn, og vælg et produkt, en kategori, en landingsside, en side, eller et blogindlæg. Du kan også skrive en adresse og trykke Enter. Vælger du indhold frem for at skrive adressen, følger linket med, hvis indholdets adresse senere ændres.
• Billede. Klik på Vælg fil, og vælg et JPG-, PNG-, eller WebP-billede. Billedet uploades, når du gemmer, og et nyt billede erstatter det gamle. Slet billede fjerner det. Ved hvert modul står, hvordan Montana beskærer billedet. Læs også om billedkvalitet og billedformat.
• Lister med Tilføj. Moduler med flere elementer, fx Bannere og Billedgalleri, har knappen Tilføj, der laver et nyt tomt element. Knappen hedder bare Tilføj, og bjælken over hvert element har ingen titel, så hold øje med, hvilken sektion du står i. Træk i elementets mørke bjælke for at ændre rækkefølgen, og klik på Slet i bjælken for at fjerne det.
• Produkter og kategorier. Søg mindst to tegn frem, og klik på et resultat. De valgte står som små mærker under feltet, og krydset fjerner dem igen. Kun produkter, der er online, kan søges frem.
• Farver. Klik på farvefeltet, eller skriv en farvekode som #3b2a20.

Stort banner

Et stort billede eller en video i fuld skærmbredde med overskrift, tekst, og op til to knapper. Brug det øverst på forsiden eller på en kampagneside, hvor det første indtryk skal fortælle, hvad du sælger. Farven på den første knap og skrifttypen kommer fra temaindstillingerne under Tema & Farver.

1. Link til den første knap.
2. Baggrundsvideo: vælg eller upload en video.
3. Billede (mobil) til skærme under 768 px.
4. Overlay over billedet, så teksten kan læses.

• Overskrift. Den store tekst på banneret. Montana gør den til sidens hovedoverskrift (H1), så skriv hvad du sælger, fx "Nyristet kaffe, sendt samme dag", frem for "Velkommen".
• Beskrivelse. En eller to linjer under overskriften.
• Knaptekst. Teksten på den første knap. Knappen har temaets Handlingsfarve.
• Link. Hvor den første knap fører hen. Knappen vises kun, når feltet er udfyldt.
• Sekundær knaptekst. Teksten på en knap nummer to med ramme, fx "Find dit brygudstyr".
• Sekundær link. Hvor knap nummer to fører hen. Knappen vises kun, når feltet er udfyldt.
• Baggrundsvideo. Vælg video viser de videoer, du har uploadet. Upload video tager MP4 og WebM. Hjælpeteksten anbefaler en kort loop på 5-15 sekunder under 5 MB, og du får en advarsel ved større filer. Videoen afspilles automatisk, uden lyd, og i ring. Med video bruges Billede som stillbillede, mens videoen indlæses, og Billede (mobil) bruges ikke. Se også baggrundsvideo på forsiden.
• Billede. Baggrundsbilledet i fuld skærmbredde. Banneret er meget bredt på en computer (ca. 3:1 ifølge hjælpeteksten), så et højt billede beskæres i top og bund. Brug et bredt, liggende billede på mindst 1.920 px i bredden med motivet i den del, du vælger under Billedfokus.
• Billede (mobil). Valgfrit. Et stående billede til skærme under 768 px. Er feltet tomt, bruges Billede.
• Billedfokus. Hvilken del af billedet der bevares, når det beskæres: Midten (standard), Toppen, Bunden, Venstre, eller Højre.
• Højde. Lille (40vh), Medium (60vh), eller Stor (100vh). vh betyder procent af skærmens højde, så Stor fylder hele skærmen.
• Overskriftsstørrelse. Lille, Mellem, eller Stor. Skru ned, hvis en lang overskrift bliver brudt uheldigt på mobilen.
• Placering. Centreret eller Venstre. Ved Venstre står tekst og knapper til venstre.
• Overlay. Lys giver et hvidt slør og mørk tekst. Mørk giver et mørkt slør og hvid tekst. Ingen viser hvid tekst direkte på billedet, så vælg kun det til mørke billeder.

1. Overskriften, som er sidens H1.
2. Den første knap med Knaptekst og Link.
3. Knap nummer to med Sekundær knaptekst og Sekundær link.

Bannere

Kampagnebannere side om side, hvert med billede, overskrift, undertitel, og knap. Brug dem til at pege på en kategori, en nyhed, eller et tilbud.

1. Ét banner. Træk i den mørke bjælke for at flytte det.
2. Alt-tekst, som Montana ikke bruger.
3. Tilføj laver et nyt banner.

Felterne for hvert banner:

• Overskrift. Står nederst på billedet i hvid tekst. Montana bruger den også som billedets alt-tekst.
• Undertitel. En kort linje under overskriften.
• Knaptekst. Vises som en hvid knap. Selve linket ligger på hele banneret.
• Link. Gør hele banneret klikbart. Uden link er banneret kun et billede.
• Billede. Beskæres til bredformat (16:9). Brug fx 1.600 x 900 px, så det også er skarpt på skærme med høj opløsning. Nederst lægger Montana en mørk skygge bag teksten, så hold motivet i den øverste del af billedet.
• Alt-tekst. Har ingen virkning i Montana og MontanaB2B. Billedet får overskriften som alt-tekst i stedet, så skriv en overskrift, der også beskriver billedet.

Fra tabletbredde står bannerne to og to side om side. På mobilen står de under hinanden.

1. Overskrift og undertitel.
2. Knapteksten.
3. Hele banneret er et link, når Link er udfyldt.

Tekstbanner

En smal, farvet stribe med én linje tekst, fx en nyhed, en kampagne, eller fri fragt. Den virker godt lige over et Stort banner.

1. Tekst i striben.
2. Baggrundsfarve med farvevælger og farvekode.
3. Link (valgfri) gør teksten klikbar.
4. Kan lukkes giver striben et kryds.

• Tekst. Teksten i striben. Er feltet tomt, vises striben ikke.
• Baggrundsfarve. Stribens farve. Tom giver ingen farve.
• Tekstfarve. Tekstens farve. Tom giver temaets tekstfarve. Vælg en farve med god kontrast til baggrunden.
• Justering. Venstre eller Center.
• Skriftstørrelse. Lille, Normal, Stor, Ekstra stor, eller Kæmpe.
• Link (valgfri). Gør teksten til et link, fx til en kampagne. Hjælpeteksten siger hele banneret, men i Montana er det kun teksten, der kan klikkes på.
• Kan lukkes. Viser et kryds. Lukker en besøgende striben, huskes det i den besøgendes browser, indtil du ændrer teksten.

1. Teksten er et link, fordi Link (valgfri) er udfyldt.
2. Krydset vises, fordi Kan lukkes er slået til.

Overskrift

En stor overskrift med en valgfri streg under. Brug den til at give en side, der kun består af sektioner, en tydelig hovedoverskrift.

1. Overskrift er selve teksten.
2. Justering: Venstre, Center, eller Højre.
3. Vis streg under overskriften tilføjer en tynd linje.

• Overskrift. Teksten, som Montana viser som en H1-overskrift.
• Justering. Venstre, Center, eller Højre.
• Vis streg under overskriften. En tynd grå linje under overskriften.

1. Overskriften med stregen under.

Tekst

Fri tekst med formatering: overskrifter, fed skrift, lister, links, og billeder. Brug den til en kort historie om butikken, en købsvejledning, eller en tekst til Google på en kategori.

1. Teksteditoren. Knappen <> viser teksten som HTML.

• Tekst. Selve teksten. Brug H2 og H3 til mellemrubrikker og ikke H1, fordi siden typisk har en H1 i forvejen. Teksten vises i temaets indholdsbredde med temaets skrift og farver.

1. Teksten med temaets typografi.

Tekst - to kolonner

To tekstblokke side om side, fx en forklaring til venstre og en punktliste til højre.

1. Fordeling styrer bredden på de to kolonner.
2. Tekst 2 er højre kolonne. Er den tom, fylder Tekst 1 hele bredden.

• Fordeling. 50/50, 60/40, 40/60, 66/33, eller 33/66. Det første tal er venstre kolonne. Fordelingen gælder fra tabletbredde. På mobilen står teksterne under hinanden.
• Tekst 1. Venstre kolonne.
• Tekst 2. Højre kolonne. Er feltet tomt, vises Tekst 1 i fuld bredde.

1. Tekst 1.
2. Tekst 2.

Tekst og billede

En tekst ved siden af et billede. Brug det til at fortælle om et produkt, en bryggemetode, eller butikkens historie.

1. Billede med knappen Slet billede.
2. Billedplacering: Venstre eller Højre.
3. Fordeling af bredden mellem de to kolonner.

• Tekst. Teksten med formatering.
• Billede. Vises med runde hjørner i sin kolonne og i sit eget format.
• Billedplacering. Venstre eller Højre. På mobilen står det, der er til venstre, øverst.
• Lodret justering. Centreret sætter tekst og billede midt ud for hinanden. Top sætter dem i samme højde foroven.
• Fordeling. 50/50, 60/40, 40/60, 66/33, eller 33/66. Det første tal er venstre kolonne, uanset om billedet eller teksten står dér.

1. Teksten.
2. Billedet.

Billedgalleri

Et gitter af billeder, der hver kan linke videre. Brug det til inspirationsbilleder, udvalgte produkter, eller mærker, du forhandler.

1. Kolonner: billeder pr. række fra tabletbredde.
2. Billedformat bestemmer, hvordan billederne beskæres.
3. Ét billede med Alt-tekst og Link (valgfrit).
4. Tilføj laver et nyt billede.

• Overskrift. Valgfri overskrift (H2) over billederne.
• Brødtekst. Valgfri tekst under overskriften.
• Placering. Centreret eller Venstre for overskrift og brødtekst.
• Kolonner. 1 til 6 billeder pr. række fra tabletbredde og op. På mobilen står der to pr. række, eller ét, hvis du vælger 1 kolonne.
• Bredde. Hvor bredt galleriet må blive: Fuld bredde (temaets indholdsbredde), Stor (1024px), Medium (768px), Lille (640px), eller Ekstra lille (384px). Smallere gallerier centreres.
• Billedformat. Kvadratisk (1:1), Landskab (16:9), Portræt (3:4), eller Automatisk, som viser billedets eget format.
• Billede. Et billede i galleriet. Det beskæres til det valgte Billedformat, medmindre du vælger Automatisk.
• Alt-tekst. En kort beskrivelse af billedet til skærmlæsere og Google, fx "Pure Origin Colombia Huila".
• Link (valgfrit). Gør billedet klikbart.

Galleriet vises kun, når der er mindst ét billede.

1. Overskrift og brødtekst.
2. Ét billede. Det er klikbart, når Link (valgfrit) er udfyldt.

Værdier/USP'er

En række med butikkens fordele, hver med ikon, tekst, og evt. en kort beskrivelse. Brug det til at fortælle om levering, fragt, returret, eller personlig service.

1. Antal pr. række på store skærme.
2. Ikon for den første fordel.
3. Tilføj laver en ny fordel.

• Antal pr. række. 2, 3, 4, eller 5 på store skærme. Standard er 4. På mobilen står de under hinanden, og på lidt større skærme står de to og to.
• Ikon. Intet ikon, Lastbil (levering), Flueben, Hjerte, Stjerne, Kuvert (email), Telefon, Kort-pin, Indkøbskurv, eller Pil. Ikonet har temaets Handlingsfarve.
• Tekst. Fordelen i få ord, fx "Afsendt samme dag". En fordel uden tekst vises ikke.
• Beskrivelse (valgfrit). En kort linje under teksten.
• Link (valgfrit). Gør fordelen klikbar, fx til en side om levering.

1. Én fordel med ikon, tekst, og beskrivelse.
2. Beskrivelse (valgfrit) under teksten.

Produktliste

Produkter i et gitter med billede, pris, og Læg i kurv. Brug det til nyheder, bestsellere, eller et håndplukket udvalg, fx på forsiden.

1. Produktkilde bestemmer, hvor produkterne kommer fra.
2. Udvalgte produkter i den rækkefølge, du har valgt dem.
3. Kategorier henter alle online produkter fra kategorierne.
4. Max antal er det højeste antal produkter, der vises.

• Overskrift. Valgfri overskrift (H2) over produkterne.
• Brødtekst. Valgfri tekst under overskriften.
• Placering. Centreret eller Venstre for overskrift og brødtekst.
• Produktkilde. Nyeste henter de senest oprettede produkter, der er online. Populære og Mest solgte giver i Montana samme liste: de produkter, der er solgt flest af i betalte ordrer de seneste 90 dage. Udvalgte bruger de tre felter nedenfor.
• Udvalgte produkter. Søg og vælg produkter. De vises først og i den rækkefølge, du har valgt dem. Bruges kun ved Udvalgte.
• Kategorier. Henter produkterne fra de valgte kategorier efter de udvalgte produkter. Bruges kun ved Udvalgte.
• Landingssider. Henter produkterne fra de valgte landingssider. Bruges kun ved Udvalgte. Det samme produkt vises kun én gang, selvom det findes flere steder.
• Max antal. 1 til 50. Standard er 12. Tallet gælder hele listen, også når produkterne kommer fra både udvalgte produkter, kategorier, og landingssider.

Produkterne står to pr. række på mobilen, tre på tablet, og fire på computer. Produktkortets billedformat, og om der vises bedømmelser, sætter du under Produktkort i temaindstillingerne.

1. Overskrift og brødtekst.
2. Ét produktkort. Udseendet følger temaindstillingerne under Produktkort.

Anbefalinger

Produkter, der vælges automatisk ud fra, hvad kunden og andre kunder har set og købt. Brug det på produktsider, i kurven, og på 404-siden for at give kunden et relevant næste klik. Læs mere om anbefalinger.

Sidetyper: kategorier (inkl. forsiden), landingssider, produkter, søgesiden, kurven, merkøbssiden, og 404-siden. Modulet findes ikke på de andre sidetyper.

1. Overskrift vises kun, når der er anbefalinger at vise.
2. Anbefalingstype bestemmer, hvordan produkterne vælges.
3. Antal produkter er det højeste antal, der vises.

• Overskrift. Fx "Andre kiggede også på". Er der intet at anbefale, skjules hele modulet, også overskriften.
• Brødtekst. Valgfri tekst under overskriften.
• Placering. Centreret eller Venstre for overskrift og brødtekst.
• Anbefalingstype. Automatisk (efter sidetype) viser "Andre købte også" i kurven og på merkøbssiden, "Populære" på søgesiden og 404-siden, og "Andre så også" på de øvrige sider. Du kan også vælge Andre så også, Andre købte også, Relaterede produkter, Populære lige nu, eller Kundens senest sete. Ved Andre så også, Andre købte også, og Relaterede produkter suppleres der med lignende og populære produkter, hvis der er for lidt data. Kundens senest sete suppleres aldrig, så den er tom for en ny besøgende.
• Antal produkter. Det højeste antal produkter. Standard er 4.
• Kolonner. 2 til 6 produkter pr. række på store skærme.

1. Overskriften.
2. De anbefalede produkter.

Produkt-karusel

Produkter på en vandret række, som kunden bladrer i med pile. Brug den, når du vil vise mange produkter uden at gøre siden lang.

1. Link giver karusellen et "Se mere"-link.
2. Produktkilde bestemmer, hvor produkterne kommer fra.
3. Kategorier henter produkterne fra kategorien.
4. Max antal produkter i karusellen.

• Overskrift. Overskriften (H2) over karusellen.
• Brødtekst. Valgfri tekst under overskriften.
• Link. Viser linket "Se mere" ved siden af pilene, fx til hele kategorien.
• Placering. Centreret eller Venstre.
• Produktkilde. Nyeste henter de senest oprettede produkter, der er online. Populære og Mest solgte giver i Montana samme liste: de produkter, der er solgt flest af i betalte ordrer de seneste 90 dage. Udvalgte bruger de tre felter nedenfor.
• Udvalgte produkter. Søg og vælg produkter. Bruges kun ved Udvalgte.
• Kategorier. Henter produkterne fra kategorierne. Bruges kun ved Udvalgte.
• Landingssider. Henter produkterne fra landingssiderne. Bruges kun ved Udvalgte.
• Max antal. 1 til 50. Standard er 12.

1. Overskrift og brødtekst.
2. "Se mere" vises, når Link er udfyldt.
3. Pilene til at bladre.

Produkt-feature

En kampagneflade med baggrundsbillede. Til venstre står overskrift og knapper, og til højre en lille produktkarusel. Brug den til en kampagne eller en produktserie.

1. Produktkilde bestemmer, hvor produkterne kommer fra.
2. Udvalgte produkter bruges kun ved Udvalgte produkter.
3. Billede er baggrunden.
4. Overlay styrer sløret og tekstfarven.

• Overskrift. Overskriften (H2) til venstre.
• Produktkilde. Nyeste, Populære, Mest solgte, eller Udvalgte produkter. Populære og Mest solgte giver samme liste i Montana.
• Udvalgte produkter. Søg og vælg produkter. Bruges kun ved Udvalgte produkter.
• Brødtekst. Tekst under overskriften.
• Primær knaptekst. Teksten på den første knap. Knappen vises, når teksten er udfyldt.
• Primær knaplink. Hvor den første knap fører hen. Udfyld altid linket, når du har skrevet en knaptekst.
• Sekundær knaptekst. Teksten på knap nummer to med ramme.
• Sekundær knaplink. Hvor knap nummer to fører hen.
• Billede. Baggrundsbilledet bag hele fladen, som fylder skærmens bredde. Højden afhænger af tekst og produkter, så billedet beskæres i top og bund på en computer og mest i siderne på mobilen, og der er ingen Billedfokus. Brug et bredt, liggende billede på mindst 1.600 px i bredden med motivet i midten.
• Overlay. Lys giver et hvidt slør og mørk tekst. Mørk giver et mørkt slør og hvid tekst. Sløret ligger der også uden billede.
• Runde hjørner. Giver fladen afrundede hjørner.

1. Overskrift, brødtekst, og knapper.
2. Produktkarusellen.

Produktblok

Ét produkt fremhævet med stort billede, pris, beskrivelse, og Læg i kurv. Brug den til månedens produkt eller en nyhed, du vil give ekstra plads.

1. Produkt: søg og vælg det produkt, der skal vises.
2. Billedplacering: Venstre eller Højre.
3. Vis beskrivelse viser starten af produktbeskrivelsen.
4. Knaptekst giver et ekstra link til produktsiden.

• Overskrift. Valgfri overskrift (H2) over blokken.
• Brødtekst. Valgfri tekst under overskriften.
• Produkt. Det produkt, der vises. Går produktet offline, forsvinder blokken fra siden.
• Billedplacering. Venstre eller Højre. Blokken bruger produktets første billede.
• Fordeling. 50/50, 60/40, eller 40/60. Det første tal er billedets kolonne.
• Vis beskrivelse. Viser op til ca. 400 tegn af produktbeskrivelsen uden formatering.
• Knaptekst. Teksten på en knap til produktsiden ved siden af Læg i kurv, fx "Se produkt". Tom giver kun Læg i kurv.

Mærke, navn, pris, og lagerstatus hentes automatisk fra produktet.

1. Overskrift og brødtekst.
2. Produktets første billede.
3. Beskrivelsen, fordi Vis beskrivelse er slået til.
4. Knappen med Knaptekst.

Kategoriliste

Kategorier i et gitter med billede og navn, eller som links. Brug den på forsiden, så kunderne hurtigt finder rundt i sortimentet.

1. Kategorier i den rækkefølge, de vises.
2. Maks antal kategorier. Tomt viser alle.
3. Visning bestemmer størrelsen på kortene.

• Overskrift. Valgfri overskrift (H2).
• Kategorier. De kategorier, der vises, i den rækkefølge du vælger dem.
• Maks antal kategorier. 1 til 100. Standard er alle.
• Visning. Miniature (op til 10 pr. række på computer), Små billeder (6), Medium billeder (4), Store billeder (3), eller Kun links, der viser navnene som knapper. Billedet er kategoriens første billede. En kategori uden billede får et farvet felt med forbogstavet.

1. Overskriften.
2. Ét kategorikort med kategoriens billede og navn.

Kategori-karusel

Kategorier på en vandret række med pile. Brug den, når du har mange kategorier og vil holde siden kort.

1. Kategorier. Tomt viser alle.
2. Visning bestemmer størrelsen på kortene.
3. Max antal kategorier i karusellen.

• Overskrift. Valgfri overskrift (H2).
• Brødtekst. Valgfri tekst under overskriften.
• Kategorier. De kategorier, der vises. Tomt viser alle kategorier, ligesom i Kategoriliste.
• Visning. Miniature, Små billeder, Medium billeder, eller Store billeder vises i en karusel med pile. Kun links viser navnene som knapper uden karusel.
• Max antal. 1 til 50. Standard er 20.

1. Overskrift og brødtekst.
2. Ét kategorikort.

Kategori-feature

En flade med overskrift, tekst, og knap til venstre og nogle få kategorier til højre. Brug den til at fremhæve et område af butikken, fx gaver eller tilbehør.

1. Knaplink. Uden link vises knappen ikke.
2. Kategorier til højre på fladen.
3. Billede er baggrunden.
4. Baggrundsfarve bruges kun, når der ikke er et billede.

• Overskrift. Overskriften (H2) til venstre.
• Brødtekst. Tekst under overskriften.
• Knaptekst. Teksten på knappen.
• Knaplink. Hvor knappen fører hen. Knappen vises kun, når feltet er udfyldt.
• Kategorier. De kategorier, der vises til højre.
• Visning. Samme muligheder som i Kategoriliste. Visningen bestemmer også, hvor mange kategorier der er plads til: Miniature 10, Små billeder 8, Medium billeder 3, Store billeder 2, og Kun links 3.
• Billede. Baggrundsbilledet bag hele fladen, som fylder skærmens bredde. Højden afhænger af indholdet, så billedet beskæres i top og bund på en computer og mest i siderne på mobilen. Brug et bredt, liggende billede på mindst 1.600 px i bredden med motivet i midten.
• Baggrundsfarve. Fladens farve, når der ikke er valgt et billede.
• Overlay. Lys giver mørk tekst og et hvidt slør over billedet. Mørk giver hvid tekst og et mørkt slør. Med en baggrundsfarve bestemmer Overlay kun tekstfarven.
• Runde hjørner. Giver fladen afrundede hjørner.

1. Overskrift, brødtekst, og knap.
2. Kategorierne.

Blogliste

Dine seneste blogindlæg som kort, gitter, eller liste. Brug den på forsiden for at vise, at der sker noget, og for at lede kunderne videre til dine guides. Se også blog tilknyttet din shop.

1. Visning: Kort, Grid, eller Liste.
2. Kolonner gælder kun Kort og Grid.
3. Antal indlæg, der vises.
4. Vis beskrivelse viser indlæggets beskrivelse til søgemaskiner.

• Overskrift. Valgfri overskrift (H2).
• Brødtekst. Valgfri tekst under overskriften.
• Placering. Centreret eller Venstre for overskrift og brødtekst.
• Visning. Kort (billede og tekst i bokse), Grid (billede og tekst uden bokse), eller Liste (kompakt med lille billede).
• Kolonner. 2, 3, eller 4 på computer, kun for Kort og Grid. På mobilen står indlæggene under hinanden.
• Antal. 1 til 20 indlæg. Standard er 3.
• Vis dato. Viser datoen, indlægget blev oprettet. Den kan være en anden end udgivelsesdatoen, som står på selve indlægget.
• Vis beskrivelse. Viser feltet Description under Felter til søgemaskiner på blogindlægget. Er det tomt, vises ingen beskrivelse.

Modulet viser de senest oprettede indlæg, der er udgivet. Et planlagt indlæg kommer med, når udgivelsestidspunktet er passeret. Billedet er indlæggets første billede, beskåret til 16:9 i Kort og Grid.

1. Overskrift og brødtekst.
2. Ét indlæg med billede, titel, dato, og beskrivelse.

Nyhedsbrev

En tilmeldingsformular til dit nyhedsbrev med overskrift, tekst, og evt. billede. Brug den på forsiden eller på en kampagneside for at samle modtagere.

1. Layout bestemmer, hvor billedet står.
2. Vis navnefelt spørger også efter fornavn.
3. Samtykketekst står med småt under formularen.
4. Billede er baggrund eller sidebillede.

• Layout. Enkel, Centreret med baggrundsbillede, eller Delt med billede. I Montana ser Enkel og Centreret ens ud: vælger du et billede, bliver det baggrund i begge. Delt med billede sætter billedet til venstre for formularen.
• Overskrift. Fx "Få besked når nye kaffer lander".
• Beskrivelse. Fortæl kort, hvad modtageren får.
• Knaptekst. Tom giver "Tilmeld".
• Vis navnefelt. Tilføjer feltet "Dit fornavn". Fornavnet gemmes på modtageren, når du bruger Shoporamas interne nyhedsbrevsliste. Sender du tilmeldingerne til en ekstern mailingliste, følger fornavnet ikke med, kun e-mailadressen.
• Samtykketekst. Kort tekst under formularen, fx at man kan afmelde sig igen.
• Billede. I Enkel og Centreret fylder billedet hele skærmens bredde bag formularen og beskæres efter tekstens højde, så brug et bredt, liggende billede på mindst 1.600 px i bredden med motivet i midten. I Delt med billede står det ved siden af formularen i formatet 4:3, fx 1.600 x 1.200 px.
• Baggrundsfarve. Bruges kun, når der ikke er valgt et billede.
• Overlay. Lys (mørk tekst) eller Mørk (hvid tekst). Over et baggrundsbillede lægger det også et slør.

Bruger du Shoporamas eget nyhedsbrev (Brug intern nyhedsbrevsliste under Nyhedsbrev → Opsætning), kommer tilmeldingerne ind dér, og med Kræv bekræftelse (double opt-in) får den nye modtager en mail, der skal bekræftes. Ellers sendes tilmeldingen videre til den mailingliste, du har koblet på under Integrationer → Mailingliste. Efter tilmeldingen viser formularen en besked til kunden. Læs mere om nyhedsbrevsmodulet.

1. Billedet i layoutet Delt med billede.
2. Navnefeltet fra Vis navnefelt.
3. Samtykketekst.

Tilpasset kode

Et felt til din egen HTML, JavaScript, eller strukturerede data. Brug det til en widget fra en anden tjeneste, en indlejret video, eller en særlig boks, som ingen af de andre moduler kan lave.

1. Kode: indsæt din HTML, schema markup, eller script-kode.

• Kode. Koden sættes ind på siden præcis, som du skriver den, i fuld bredde og uden luft omkring. Vil du have luft og temaets bredde, så skriv det i koden.

1. Resultatet af koden.

Mellemrum & adskiller

Luft mellem to sektioner, evt. med en tynd streg. Brug det, når to sektioner står for tæt, eller du vil dele siden op.

1. Størrelse på mellemrummet.
2. Tilføj streg sætter en linje midt i mellemrummet.

• Størrelse. Ekstra lille (1rem), Lille (2rem), Medium (4rem), Stor (6rem), eller Ekstra stor (8rem). 1rem svarer normalt til 16 pixels.
• Tilføj streg. En tynd grå linje midt i mellemrummet i temaets indholdsbredde.

1. Stregen fra Tilføj streg.

Adresse & kort

Butikkens adresse, åbningstider, og et kort fra Google Maps. Brug det, hvis du har en fysisk butik, et lager med afhentning, eller et showroom. Læs mere om at vise adresse og kort.

Kortet hentes fra Google Maps, når siden vises. Derfor viser vi kun modulets indstillinger her og ikke kortet i butikken.

1. Adresse bruges både til teksten og til kortet.
2. Egen indlejringskode erstatter kortet.
3. Layout: kortet til højre, til venstre, eller alene.
4. Læs mere om denne blok åbner hjælpeartiklen.

• Overskrift. Valgfri overskrift (H2), fx "Besøg risteriet".
• Adresse. Gade, postnummer, og by. Linjeskift bliver vist som linjeskift. Montana slår adressen op på kortet.
• Ekstra info. Valgfri tekst med formatering, fx åbningstider og parkering.
• Egen indlejringskode. Avanceret. Hjælpeteksten beder om Google Maps' "Del → Indlejr"-kode. Brug den, hvis kortet skal pege mere præcist, end adressen gør. Koden erstatter kortet.
• Layout. Kort til højre, Kort til venstre, eller Kun kort. Kun kort viser hverken overskrift, adresse, eller ekstra info.
• Zoomniveau. Tæt på, Normal, eller Oversigt.
• Korthøjde. Lav, Medium, eller Høj.
• Vis rutevejledning-link. Viser knappen "Få rutevejledning", som åbner Google Maps med ruten i et nyt vindue. Kræver at Adresse er udfyldt.

Modulet vises kun, når Adresse eller Egen indlejringskode er udfyldt.

Facebook

En knap, der fører til din Facebook-side, eller et feed fra Facebook, hvis du indsætter koden selv. Brug den til at få kunderne til at følge dig. Læs mere om Facebook og Instagram på din webshop.

1. Facebook side-URL er adressen på din side.
2. Egen indlejringskode erstatter knappen med dit eget feed.
3. Læs mere om denne blok åbner hjælpeartiklen.

• Overskrift. Valgfri overskrift (H2) over knappen.
• Facebook side-URL. Fx https://www.facebook.com/ditfirma. Er feltet tomt, bruges Facebook URL fra gruppen Virksomhed i temaindstillingerne. Er begge tomme, vises modulet ikke.
• Egen indlejringskode. Avanceret. Indsæt koden til et feed fra Facebook eller en anden tjeneste. Koden vises i stedet for knappen, højst 640 px bred, og indholdet hentes fra tjenesten.

1. Overskriften.
2. Knappen "Følg os på Facebook", der åbner siden i et nyt vindue.

Instagram

Din Instagram-profil indlejret på siden, en følg-knap, eller begge dele. Brug det til at vise butikkens billeder og få flere følgere.

Feedet hentes fra Instagram, når siden vises. Derfor viser vi kun modulets indstillinger her. Hvad Instagram viser i feedet, bestemmer Instagram.

1. Instagram profil-URL er adressen på din profil.
2. Visning: feed, knap, eller begge.
3. Egen indlejringskode erstatter både feed og knap.

• Overskrift. Valgfri overskrift (H2).
• Instagram profil-URL. Fx https://www.instagram.com/ditfirma. Er feltet tomt, bruges Instagram URL fra gruppen Virksomhed i temaindstillingerne. Er begge tomme, vises modulet ikke.
• Visning. Feed (profil + opslag) indlejrer profilen med Instagrams egen kode. Følg-knap viser knappen "Følg os på Instagram". Feed og knap viser begge.
• Egen indlejringskode. Avanceret. Indsæt koden fra en feed-tjeneste. Den vises i stedet for både feed og knap.

Shoporama Akademi · Temaguide · Nyeste udgave: www.shoporama.dk/akademi/tema-montana-sidedesignerens-moduler · Udskrevet 14.09.2026