Den gamle Theme Builder

Theme Builder er Shoporamas ældste værktøj til at bygge sider med færdige indholdsblokke. Du sætter rækker, kolonner, og moduler sammen, og på den måde kan du styre, hvordan fx forsiden eller kategorisiderne ser ud, uden at skulle skrive kode. Værktøjet virker stadig, men det hører til den ældre generation af Shoporama-temaer. Kører din shop et nyere tema, arbejder du i stedet i Sidedesigneren.

Hvorfor kan nogle se Theme Builder, og andre ikke?

Det er dit tema, der afgør det, ikke en indstilling, du selv kan slå til eller fra:

• Temaet understøtter Sidedesigner. Så er Theme Builder skjult, og du bygger dine sider i Sidedesigner under Butik, Design. Det gælder de nyere Shoporama-temaer.
• Temaet understøtter ikke Sidedesigner. Så får du en ekstra sektion i menuen der hedder Gamle Theme Builder med punktet Theme Builder. Det gælder de ældre temaer og mange specialbyggede temaer.

Menupunktet Sidedesigner ligger i menuen uanset hvad, men de blokke, du bygger dér, bliver først vist i shoppen, når du kører et tema, der understøtter dem.

Skifter du tema, skifter menuen altså med. Bemærk også, at indholdet fra Theme Builder kun bliver vist ude i shoppen, hvis temaet er bygget til at vise det, altså de gamle Shoporama-temaer som Alaska og Massachusetts, og temaer en udvikler har bygget efter samme opskrift. Derudover virker Theme Builder kun på webshops der kører Smarty 2. Har du et specialbygget Smarty 4-tema uden Sidedesigner, kan menupunktet altså godt være der, uden at opsætningerne bliver vist i shoppen. Er du i tvivl om, hvad din shop kører, så spørg os på support@shoporama.dk.

Sådan finder du Theme Builder

Du finder værktøjet i menuen under Gamle Theme Builder, punktet Theme Builder. Siden viser en tabel over dine opsætninger med kolonnerne Navn (dit eget navn, sorteret alfabetisk), Aktiv (Ja betyder, at opsætningen er i brug ude i shoppen, Nej at den ligger og venter), og Placering (hvilke sider den gælder for). Yderst til højre er linket Rediger, der åbner selve byggeriet.

Nederst finder du knappen Opret ny opsætning. Er tabellen tom, er der ikke noget galt. Det betyder bare, at der ikke er oprettet nogen opsætninger endnu, og at dit tema derfor viser sit eget standardindhold.

På siden ligger desuden et tip om Shoporamas temahierarki: vil du kun rette enkelte filer i dit tema, fx en mailskabelon eller en følgeseddel, kan du oprette dit eget tema og kopiere netop de filer over, du vil ændre. Resten arves fra det oprindelige tema.

Sådan opretter du en opsætning

Klik Opret ny opsætning. Så lander du på siden Ny temaopsætning med disse felter:

1. Navn. Et navn, du selv vælger, fx "Forside" eller "Kampagneside jul". Navnet er kun til dig og vises ikke for kunderne. Feltet skal udfyldes.
2. Aktiv. Sat til på fra start. Fjern fluebenet, hvis du vil bygge i fred, uden at opsætningen bliver vist ude i shoppen.
3. Brug denne opsætning på. Her vælger du, hvilke sider opsætningen skal gælde for. Vælger du Specifik URL, dukker feltet URL op, hvor du skriver adressen. Vil du ramme flere adresser med samme mønster, kan du sætte flueben i Brug regular expressions i URL.
4. Klik Opret, så kommer du direkte videre til byggeriet. Fortryder du, klikker du Fortryd.

Du kan vælge mellem Alle sider, med mindre andet er angivet, Forsiden, Produktvisning, Landingssider, Kategorisider, Statiske sider, Blogindlæg, Blogforside, og Specifik URL. Derudover er der gruppen Faste sider med shoppens enkeltsider, blandt andet søgesiden, kurven, de fire checkout-trin, kvitteringssiden, ordresiden, kundens egne sider som login og ordreoversigt, samt 404-sider.

Byg siden med rækker, kolonner, og moduler

Byggepladsen er et klassisk gitter i 12 dele. En side består af rækker, hver række indeholder en eller flere kolonner, og i kolonnerne lægger du moduler, altså indholdsblokke.

• Tilføj række under lægger en ny række ind under den du står i. Fjern ovenstående række sletter rækken ovenover inklusive dens moduler. Den sidste række kan ikke fjernes.
• Tilføj kolonne lægger en ny kolonne i rækken. En række kan højst fylde 12 i alt, så der skal være plads tilbage.
• De to knapper i kolonnens hoved, Gør kolonnen større og Gør kolonnen mindre, skruer bredden op og ned. Ved siden af står bredden som fx 6/12, altså en halv sides bredde.
• + Tilføj modul åbner vinduet Tilføj nyt modul. Klik på det modul, du vil bruge, så lander det nederst i kolonnen.

Modulerne kan trækkes rundt med musen. Tag fat i modulets titellinje og træk det op, ned, eller over i en anden kolonne. Layoutet gemmes automatisk undervejs, så du ikke mister dit arbejde, hvis du bliver forstyrret.

Klikker du på tandhjulet på et modul, åbner et lille vindue med modulets indstillinger. Det har tre faner: Generelt med modulets egne felter, Styleguide med de CSS-klasser du kan style modulet med, og Kildekode for dem, der vil ind under motorhjelmen. Nederst gemmer du med Gem og luk eller Gem og rediger videre, og du kan fjerne modulet med Slet.

Modulerne du kan vælge imellem

Theme Builder har en fast række moduler, og det er dit tema, der bestemmer, hvordan de bliver tegnet ude i shoppen:

• Tekst. Overskrift 1, Overskrift 2, Overskrift 3, Formateret tekst med en almindelig teksteditor, og HTML-felt til fri kode.
• Billeder. Billede, Billede og tekst, Topbanner med tekst, Karrusel, og Parallax.
• Produkter. Produkt, Produktliste, Kategorioversigt, Kategorier eller landingssider med link, og Kampagner.
• Shoppens funktioner. Søgebar, Kurv, Menustruktur, Logo, Nyhedsbrevstilmelding, Kreditkort med betalingslogoer, Link, Links, og Skillelinje.
• Default indhold, som er det vigtigste af dem alle og er beskrevet nedenfor, samt Google sporingskode (ikke synlig), der ikke viser noget på siden, men kun lægger sporingskode ind.

Hvert modul har sine egne felter. En Produktliste spørger fx om Overskrift, Træk produkterne fra (en landingsside eller en kategori), Antal produkter, og Størrelse på produkt, mens Kreditkort lader dig sætte flueben ved de betalingsmuligheder, du tilbyder.

Modulet Default indhold

Når du bygger en side med Theme Builder, erstatter din opsætning temaets normale indhold på den side. Modulet Default indhold er måden at få det normale indhold tilbage, dér hvor du vil have det. På en kategoriside er "default indhold" produktlisten, i checkout er det formularerne, og så videre. Skal din forside fx have et stort banner øverst og den normale forside nedenunder, lægger du et bannermodul i den øverste række og Default indhold i rækken under. Modulet har ingen indstillinger.

Vælger du et modul, dit tema ikke understøtter, får du en tydelig rød besked i modulet: "Understøttes ikke af det aktive tema, og vil derfor ikke fungere optimalt i din shop." Så ved du at du skal vælge noget andet.

Kladde, forhåndsvisning, og publicering

Theme Builder arbejder med to versioner af hver opsætning: den live version, kunderne ser, og en kladde, du redigerer i. Alt hvad du laver med moduler og layout gemmes løbende i kladden, og kunderne ser først ændringerne, når du udgiver dem. Knapperne nederst gør følgende:

• Gem og luk gemmer og sender dig tilbage til oversigten. Gem og rediger videre gemmer og bliver på siden.
• Gem og publicer gemmer og gør kladden til den version kunderne ser.
• Gendan til live version smider kladden væk og henter den udgivne version tilbage. Det er din fortryd-knap, også for moduler du har slettet i kladden.
• Annuller går tilbage til oversigten, og Slet sletter hele opsætningen og de moduler, der ligger i den. Du bliver først spurgt, om du er sikker.

Vær opmærksom på én ting: felterne Navn, Aktiv, og Brug denne opsætning på hører til selve opsætningen og slår igennem, så snart du gemmer, også uden at publicere. Fjerner du fluebenet i Aktiv og gemmer, forsvinder opsætningen altså med det samme fra shoppen.

Vil du se resultatet, før du publicerer, står der under knapperne en preview-kode. Du sætter den bag på adressen på den side, du vil se, altså ?preview=DIN-KODE. Bygger du på forsiden, viser siden et færdigt eksempel-link. Forhåndsvisningen gælder kun den ene sideindlæsning, så klikker du videre rundt i shoppen, ser du igen den udgivne version.

Hvilken opsætning bruges på hvilken side?

Der bruges højst én opsætning pr. sidevisning, og kun opsætninger, der er sat til Aktiv, tæller med. Shoppen leder i denne rækkefølge og bruger den første, der passer:

1. En opsætning med en specifik URL der matcher adressen.
2. En opsætning på en af de faste sider, fx kurven, søgesiden, eller et checkout-trin.
3. Opsætningen for Forsiden, når kunden står på shoppens forside.
4. Derefter Kategorisider, Landingssider, Produktvisning, Statiske sider, og Blogindlæg, alt efter hvilken slags side kunden er på.
5. Til sidst Alle sider, med mindre andet er angivet, som er sikkerhedsnettet der fanger resten.

I praksis kan du altså lave én generel opsætning, der gælder bredt, og supplere med mere specifikke opsætninger til de sider, der skal skille sig ud.

Vejen frem: Sidedesigneren

Theme Builder virker fortsat, men al udvikling af nye blokke og funktioner sker i Sidedesigneren. Den er hurtigere at arbejde i og har blandt andet delbare preview-links og langt flere færdige sektioner, fx hero-banner, produktkarrusel, USP-sektion, og blogliste.

Vil du derover, skal du skifte til et tema, der understøtter Sidedesigner. Det gør du i Temabutikken eller under Butik, Design, Tema. Husk at dine Theme Builder-opsætninger ikke bliver konverteret automatisk. De bliver liggende på shoppen, men siderne skal bygges op igen i Sidedesigneren, så sæt lidt tid af, og tag gerne skærmbilleder af dine nuværende sider først. Et temaskift er samtidig en god anledning til at gennemgå temaindstillingerne, hvor farver, skrifttyper, og andre valg i det nye tema sættes op.

Til dig der er teknisk

Fanen Styleguide på hvert modul viser to CSS-selectorer: én der rammer alle moduler af samme type, og én der kun rammer netop det ene modul. Dem kan du bruge i shoppens stylesheet, hvis et enkelt modul skal se anderledes ud end de andre.

Fanen Kildekode lader dig overtage modulets skabelon. Feltet er tomt som udgangspunkt, og så bruges den nyeste standardversion. Klikker du Gem og indlæs seneste kildekode, hentes den nuværende kode ind i feltet, hvorefter du kan rette i den. Vær opmærksom på, at et modul, du har overtaget, ikke længere følger med, når standardversionen opdateres. Fluebenet Brug ikke design fra dit tema gør, at modulet ser bort fra temaets egen udgave af skabelonen.

Skal Theme Builder implementeres i et tema, eller vil du overskrive de indbyggede moduler med dine egne skabeloner, er fremgangsmåden beskrevet i Implementer Theme Builder i dit tema. Vil du rette direkte i temaets filer fra admin, kan du bruge kodeeditoren.

Ofte stillede spørgsmål

Jeg kan slet ikke finde Theme Builder i menuen. Er den fjernet?

Nej, den er ikke fjernet. Sektionen vises kun for shops, hvis tema ikke understøtter Sidedesigner. Har du et nyere tema, bygger du i stedet dine sider i Sidedesigner under Butik, Design. Det er samme slags værktøj, bare i en nyere udgave.

Hvordan ved jeg om min opsætning er synlig for kunderne?

Kig i kolonnen Aktiv i oversigten. Står der Ja, er den i brug. Står der Nej, bliver den ikke vist. Husk også, at indhold, du har ændret, først bliver vist for kunderne, når du har klikket Gem og publicer.

Jeg kom til at slette en række med moduler. Kan jeg få den tilbage?

Ja, hvis du ikke har publiceret, siden du slettede. Klik Gendan til live version, så bliver kladden erstattet af den version der er udgivet, og de slettede moduler kommer tilbage. Har du derimod klikket Gem og publicer, er sletningen endelig, og rækken skal bygges op igen.

Kan jeg style modulerne med min egen CSS?

Ja. Åbn modulets indstillinger og gå til fanen Styleguide. Der står de præcise CSS-selectorer, både til alle moduler af den type og til netop det ene modul. Dem kan du bruge i shoppens stylesheet.

Kan jeg lave et særligt design til en enkelt kampagneside?

Ja. Vælg Specifik URL under Brug denne opsætning på og skriv adressen på siden. Skal flere adresser med samme mønster rammes, kan du sætte flueben i Brug regular expressions i URL. Opsætninger med en specifik URL har førsteprioritet, så de vinder over dine generelle opsætninger.

Kan jeg kopiere en opsætning til en anden af mine shops?

Nej, der er ingen kopifunktion. Opsætninger hører til den enkelte shop og skal bygges op i hver shop for sig. Skal flere shops ligne hinanden, er det ofte hurtigere at lave arbejdet i temaets filer, så det samme tema kan bruges flere steder.

Hvad sker der med mine opsætninger hvis jeg skifter tema?

De bliver liggende på shoppen. Skifter du til et tema med Sidedesigner, bliver de bare ikke vist længere, og menupunktet forsvinder. Skifter du tilbage til et tema uden Sidedesigner, dukker de op igen, præcis som du forlod dem.

Skal jeg skifte tema nu, eller kan jeg fortsætte som jeg plejer?

Du kan roligt fortsætte. Theme Builder virker stadig på de temaer der bruger den. Men nye blokke og funktioner kommer kun til Sidedesigneren, så skal du alligevel i gang med et større løft af designet, giver det bedst mening at gøre det sammen med et temaskift.

Hvorfor kan jeg se siden i admin, men ikke ude i shoppen?

Det skyldes typisk en af tre ting: opsætningen er ikke sat til Aktiv, ændringerne er kun gemt i kladden og ikke publiceret, eller temaet er ikke bygget til at vise Theme Builder-indhold. Er du i tvivl om det sidste, så skriv til support@shoporama.dk med navnet på din shop, så kigger vi på det.