Kort svar: WooCommerce themes er WordPress-temaer, der er bygget eller tilpasset til en webshop: de styrer, hvordan produktlister, produktsider, kurv og checkout ser ud, og de skal følge WooCommerce’ skabeloner og blokke for at virke stabilt. Vælg et tema, der er opdateret til den aktuelle WooCommerce-version, understøtter blokbaseret kurv og checkout, er let på produktsiden og ikke pakker en håndfuld plugins med. Test det på staging med et rigtigt testkøb, før det går live.
Kontrolgrundlag: Temaets rolle, skabelonsystemet og indstillingerne under WooCommerce → Status er sammenholdt med WooCommerce’ egen dokumentation. Tallene i tjeklisten og eksemplet er vejledende. Priser og egenskaber på Hostious’ sider er aflæst 4. november 2026.
WooCommerce themes dukker op som søgning, så snart en webshop skal have nyt design – og markedet svarer med tusindvis af temaer, der alle lover høj konvertering. Forskellen på et godt og et dårligt valg viser sig sjældent på forsiden. Den viser sig i kurven, i checkout og den aften, hvor en opdatering af WooCommerce får shoppen til at melde, at temaets skabeloner er forældede.
Denne guide handler om det, der er særligt for et tema til en webshop. Hvad et tema er i almindelighed, hvordan du installerer det, og hvordan et child theme virker, står i opslaget om WordPress themes – det gentager vi ikke her. I stedet får du de sider, temaet styrer i en shop, en sammenligning af Storefront, bloktemaer og buildere, ti tjek før du vælger, og en fremgangsmåde til at skifte tema uden at tabe en ordre.
Hvad er et WooCommerce theme – og hvornår er et almindeligt tema ikke nok?
Et WooCommerce theme er et WordPress-tema, der erklærer, at det understøtter WooCommerce, og som har taget stilling til, hvordan shoppens sider skal se ud. Teknisk sker det på to måder. Klassiske temaer leverer egne udgaver af WooCommerce’ skabelonfiler – fx produktsiden og produktlisten – i en mappe i temaet, der hedder woocommerce. Bloktemaer bygger de samme sider af WooCommerce-blokke, som du redigerer direkte i editoren.
Et almindeligt tema uden erklæret understøttelse virker ofte alligevel: WooCommerce falder tilbage til sine egne standardskabeloner og pakker shoppen ind i temaets indholdsområde. Resultatet er en butik, der fungerer, men hvor produktgitteret bryder i bredden, og hvor “Læg i kurv”-knappen arver bloggens knapstil. Det er typisk her, ejeren begynder at lede efter et rigtigt webshoptema.
| Type | Sådan styrer den shoppen | Passer til |
|---|---|---|
| Klassisk WooCommerce-tema | Egne PHP-skabeloner for shop, produkt, kurv og checkout | Shops med mange tilpasninger og en udvikler, der kender WooCommerce’ hooks |
| Bloktema med WooCommerce-blokke | Produktliste, produktside, kurv og checkout er blokke i editoren | Shops, der vil redigere selv uden kode – og nye butikker |
| Builder-tema (Breakdance, Bricks, Elementor) | Builderen leverer shop-elementer og skabeloner; temaet er næsten tomt | Designtunge shops, hvor layoutet skal være unikt |
| Tema uden WooCommerce-understøttelse | WooCommerce bruger standardskabeloner inde i temaets indholdsfelt | Midlertidige løsninger – ikke en shop, der skal sælge |
De sider, et WooCommerce-tema styrer – og dem, det ikke bør røre
En webshop har seks sidetyper, en almindelig hjemmeside ikke har. Det er dem, du skal se på i en demo – ikke forsiden.
| Side | Temaet bestemmer | WooCommerce og plugins bestemmer |
|---|---|---|
| Shop og kategorisider | Antal kolonner, produktkort, badges, filtrenes placering | Sortering, lagerstatus, priser med moms |
| Produktside | Galleri, zoom, fanernes layout, placering af varianter og “Læg i kurv” | Variantlogik, lager, priser, fragtberegning |
| Kurv | Mini-kurv i headeren, kurvsidens layout | Kurvens indhold, kuponer, totaler |
| Checkout | Farver, typografi, bredde | Felter, betalingsmetoder, validering, ordreoprettelse |
| Min konto | Menu og layout | Ordrehistorik, adresser, downloads |
| Ordrebekræftelse og mails | Kun layoutet på “tak”-siden | Mailindhold, ordrestatus |
Jo længere mod højre i tabellen temaet blander sig, jo mere skrøbeligt bliver det. Et tema, der overskriver checkout-skabelonen for at flytte et felt, skal følge med, hver gang WooCommerce ændrer den fil – og det er dér, fejlene opstår. Nye WooCommerce-installationer bruger i dag blokbaseret kurv og checkout; ældre shops kører ofte stadig den klassiske udgave med shortcodes. Et tema, der kun er testet med den ene, kan se forkert ud med den anden.
Storefront, bloktema, builder eller premium-tema?
Storefront er WooCommerce’ eget gratis tema. Det er bevidst nøgternt: det følger WooCommerce’ udgivelser, overskriver næsten ingen skabeloner og er det tema, WooCommerce selv tester op imod. Til gengæld ser det ud som Storefront, medmindre du bygger et child theme eller lægger en builder oven på.
| Valg | Styrke | Pris på længere sigt | Vær opmærksom på |
|---|---|---|---|
| Storefront | Altid kompatibelt, let, veldokumenteret | Tid til et child theme, hvis designet skal være dit eget | Begrænset layout uden kode |
| Bloktema + WooCommerce-blokke | Du redigerer produktliste, kurv og checkout i editoren | Lav – ofte gratis | Kræver blokbaseret kurv og checkout; færre færdige “shop-looks” |
| Builder (Breakdance, Bricks, Elementor) | Fuld kontrol over alle shop-sider uden PHP | Licens pr. år – med i pluginpakken fra Woo GrowBig hos Hostious | Lock-in til builderen; test checkout efter hver builder-opdatering |
| Premium-tema fra en temamarkedsplads | Færdigt look, demo-import, mange shop-moduler | Licens og fornyelse for at få opdateringer | Medfølgende plugins, tunge demoer, varierende opdateringstakt |
Valget mellem buildere er en artikel for sig: Bricks vs Breakdance gennemgår WooCommerce-delen i begge, og opslaget om Elementor til WordPress forklarer, hvad den sidebygger koster i hastighed. Hostious’ pluginpakke – med i Woo GrowBig til 399 kr./md. ekskl. moms – indeholder Breakdance Pro eller Bricks Builder, så builderlicensen ikke bliver en ekstra post.
10 tjek, før du vælger et WooCommerce-tema
Tjeklisten er skrevet til en webshop. De generelle tjek – licens, anmeldelser, bloktema eller klassisk – står i opslaget om WordPress themes og gentages ikke.
| Tjek | Sådan gør du | Rødt flag |
|---|---|---|
| 1. Testet med den aktuelle WooCommerce-version | Se temaets changelog og “testet op til” | Sidste opdatering er ældre end to WooCommerce-udgivelser |
| 2. Understøtter blokbaseret kurv og checkout | Læg en vare i kurven i demoen, og gå til kassen – eller spørg udvikleren | Temaet kræver den klassiske shortcode-checkout |
| 3. Overskriver så få skabeloner som muligt | Installer på staging, og åbn WooCommerce → Status → Skabeloner | Lang liste af overskrevne filer, flere markeret som forældede |
| 4. Virker med HPOS (ordrer i egne tabeller) | Temaets dokumentation eller changelog | Ingen omtale – temaet læser ordredata direkte fra gamle tabeller |
| 5. Produktgalleri, zoom og varianter | Åbn et variabelt produkt i demoen på en telefon | Varianter skifter ikke billede; galleriet kræver et ekstra plugin |
| 6. Mobil checkout | Gennemfør et testkøb på en telefon | Felter gemt under knapper, mini-kurv dækker indholdet |
| 7. Medfølgende plugins | Tæl, hvad demo-importen installerer | Slider, sidebygger og et “core”-plugin, du ikke har bedt om |
| 8. Vægt på produktsiden | Mål demoens produktside i browserens netværksfane | Over 1,5 MB og 80 kald, før dine egne billeder er lagt ind |
| 9. Dansk oversættelse | Søg efter “Læg i kurv” og “Gå til kassen” i demoen | Hardcodede engelske tekster, der ikke kan oversættes |
| 10. Child theme og dokumentation | Følger der et child theme med, og er temaets hooks beskrevet? | Udvikleren anbefaler at rette direkte i temaets egne filer |
Nummer 3 er det tjek, de færreste laver, og det, der afgør mest. Hver overskrevet skabelon er et løfte om vedligeholdelse: når WooCommerce ændrer filen, skal temaudvikleren ændre sin kopi. Gør han det ikke, får du advarslen om forældede skabeloner – og i værste fald en checkout, der mangler et felt.
Hvad temaet koster i hastighed – og hvad det ikke kan løse
Et tema kan gøre en produktside tung på fire måder: det indlæser egne skrifttyper og ikonsæt, det lægger slider- og animationsscripts på alle sider, det henter mini-kurven ved hver sidevisning, og det pakker tre til fem plugins med, som kører overalt. Alt det foregår i browseren og kan måles på demoen, før du køber.
Det, temaet ikke kan løse, er tiden, før serveren overhovedet svarer. Kurv, checkout og “min konto” kan ikke caches, fordi de er forskellige for hver kunde; her afgør database og objektcache farten. Det er grunden til, at en webshop har andre krav til hosting end en blog: WooCommerce hosting hos Hostious giver butikken egen database og Redis object cache fra Woo Mini til 59 kr./md. ekskl. moms – netop til de sider.
| Det, kunden mærker | Er det temaets skyld? | Hvor du retter det |
|---|---|---|
| Produktsiden indlæser langsomt første gang | Delvist – fonte, scripts og billeder | Temaets indstillinger, billedkomprimering og cache |
| Mini-kurven blinker eller opdaterer sent | Ja – cart fragments eller temaets eget script | Guiden om at deaktivere WooCommerce Cart Fragments |
| Kategorisider med mange produkter er tunge | Nej – database og forespørgsler | Guiden om langsom WooCommerce med mange produkter |
| Checkout tager flere sekunder om at komme frem | Sjældent – servertid og plugins | Hosting og objektcache; den samlede plan står i guiden til en hurtig WooCommerce webshop |
Et letvægtstema fjerner altså det første problem, ikke de tre andre. Omvendt kan et tungt tema æde det, en god server har vundet. Begge dele skal være i orden, før kunden mærker forskel.
Skift eller opdater tema i en kørende webshop
Et temaskift på en hjemmeside koster i værste fald et skævt layout. I en webshop koster det ordrer, hvis checkout holder op med at virke i tre timer en lørdag. Fremgangsmåden er derfor den samme som ved store plugin-opdateringer: alt sker på en kopi først.
- Kopiér shoppen til staging. Fra Woo StartUp til 239 kr./md. er staging med i WooCommerce hosting hos Hostious; ellers skal du bruge et plugin eller en manuel kopi.
- Aktivér det nye tema på kopien, og åbn WooCommerce → Status → Skabeloner. Står der forældede skabeloner, så notér dem – det er temaudviklerens opgave at rette dem, ikke din.
- Gennemfør et testkøb med et variabelt produkt, en kupon og en fragtregel på både telefon og computer. Tjek, at ordremailen kommer.
- Sammenlign produktsidens vægt og indlæsningstid med det gamle tema. Bliver den tungere, så find ud af hvorfor, før du går videre.
- Skift på live uden for spidsbelastning, og lad det gamle tema blive installeret et par uger, så du kan rulle tilbage på et minut.
- Gentag testkøbet efter hver opdatering af WooCommerce eller temaet.
Før du ændrer noget i checkout: tag en backup, du selv har testet, og skift aldrig tema eller skabeloner midt i en kampagne. En fejl i checkout opdages typisk først af kunderne – og de skriver sjældent, de går.
Går noget galt på kopien, så lad være med at gætte. Guiden om at finde en plugin- eller temakonflikt i WordPress giver metoden, og guiden WooCommerce checkout virker ikke gennemgår fejlene fra browser til serverlog.
Fem temafejl, der rammer webshops – og hvor løsningen står
| Symptom | Sandsynlig årsag i temaet | Det gør du |
|---|---|---|
| Advarslen om forældede WooCommerce-skabeloner | Temaet overskriver skabeloner, som WooCommerce siden har ændret | Opdater temaet; hjælper det ikke, så fjern overskrivningen i et child theme, eller kontakt udvikleren |
| Varianter kan vælges, men billedet skifter ikke | Temaet erstatter WooCommerce’ galleriscript | Slå temaets galleri fra, og brug WooCommerce’ eget med zoom, lightbox og slider |
| Mini-kurven viser et forkert antal | Temaets kurvikon lytter ikke til cart fragments – eller fragments er slået fra | Følg guiden om cart fragments, og test med cachen slået fra |
| Checkout mangler et felt eller en betalingsmetode | Forældet checkout-skabelon, eller temaets CSS skjuler elementet | Skift midlertidigt til Storefront på staging: forsvinder fejlen, er det temaet |
| Layoutet bryder efter en WooCommerce-opdatering | Temaet er ikke testet med den nye version | Rul tilbage til forrige version på staging, og vent på temaopdateringen |
Testen med Storefront er det hurtigste værktøj, du har. Fordi det er WooCommerce’ eget tema, er en fejl, der forsvinder med Storefront, næsten altid temaets – og en fejl, der bliver, sidder i et plugin eller på serveren.
Når temaet ikke er nok: få butikken bygget – og passet
Et færdigt tema er et godt udgangspunkt for en lille shop med et overskueligt sortiment. Når sortimentet har varianter i tre dimensioner, B2B-priser eller flere lande, bliver temaets demolayout en begrænsning, og tilpasningerne begynder at koste mere end et byggeprojekt.
Vil du springe temajagten over? Hostious bygger din WooCommerce webshop for 4.999 kr. ekskl. moms – design efter dit brand, produkter, varianter, betaling og fragt i en mobilvenlig købsrejse. Vælger du WooCommerce hosting fra Woo StartUp til 239 kr./md., er opbygningen med som gratis WooCommerce webshop.
Temaet skal også holdes opdateret – og det er den opdatering, der oftest rammer checkout. En WooCommerce serviceaftale dækker daglige opdateringer af WordPress, WooCommerce, plugins og tema med test og rollback, og checkout testes efter opdateringerne. Den koster 199 kr./md. ekskl. moms alene og er med fra Woo StartUp.
Læs også
- Hub: Hosting-ordbogen
- WordPress themes: sådan vælger og installerer du det rigtige tema
- Bricks Builder eller Breakdance til WordPress og WooCommerce
- Find en plugin- eller temakonflikt i WordPress uden at ramme live-sitet
- Hurtig WooCommerce webshop: fundament, cache og måling
- WooCommerce checkout virker ikke: diagnose fra browser til serverlog
- Hvad er WooCommerce? Webshop-pluginet til WordPress – hvad det kan, hvad det koster, og hvem det passer til
- WooCommerce hosting hos Hostious – egen database, Redis og staging fra 59 kr./md.
Ofte stillede spørgsmål om WooCommerce themes
Er Storefront et godt WooCommerce-tema?
Ja, hvis du vægter stabilitet over design. Storefront er WooCommerce’ eget tema, det følger udgivelserne og overskriver næsten ingen skabeloner. Vil du have et eget udtryk, bygger du et child theme eller lægger en builder oven på.
Kan jeg bruge et almindeligt WordPress-tema til WooCommerce?
Teknisk ja – WooCommerce bruger så sine standardskabeloner inde i temaets indholdsfelt. Butikken virker, men produktgitter, knapper og checkout arver temaets stil og ser sjældent færdige ud. Til en shop, der skal sælge, bør temaet erklære WooCommerce-understøttelse.
Hvad betyder advarslen om forældede WooCommerce-skabeloner?
Temaet har sin egen kopi af en skabelonfil, som WooCommerce siden har ændret. Shoppen kører videre, men den gamle kopi kan mangle nye felter eller rettelser. Løsningen er en temaopdatering – eller at fjerne overskrivningen i et child theme.
Gør et premium-tema min webshop hurtigere?
Ikke i sig selv. Et letvægtstema sparer kilobytes i browseren, men kurv og checkout afhænger af server, database og objektcache. Et tungt tema kan omvendt gøre en hurtig server langsom – begge dele skal passe sammen.
Skal jeg skifte tema for at bruge blokbaseret kurv og checkout?
Kun hvis dit tema kræver den klassiske shortcode-udgave. De fleste opdaterede temaer og alle bloktemaer understøtter blokkene. Test skiftet på staging med et testkøb, før du ændrer noget på live.
Hvem kan hjælpe med at vælge og sætte et WooCommerce-tema op?
Hostious bygger WooCommerce webshops med design efter dit brand for 4.999 kr. ekskl. moms – eller uden beregning, når du vælger WooCommerce hosting fra Woo StartUp. Med serviceaftalen holder vi tema og plugins opdateret og tester checkout bagefter, så du ikke selv skal jagte forældede skabeloner.
Udgivet 4. november 2026Opdateret 6. november 2026