Oprydning i Shopify-temaet: Hvad kan du fjerne?

Et Shopify-tema samler kode op over tid. Apps lægger scripts ind, udviklere laver hurtige rettelser, og kampagner efterlader sektioner, ingen bruger. Resultatet er et tema, der er sværere at arbejde i, og som kan indlæse scripts til funktioner, du ikke længere har.

Her er min fremgangsmåde: hvor efterladt kode typisk gemmer sig, hvordan du finder den, hvad du aldrig skal slette, og hvordan du rydder op uden at ødelægge butikken. Det er en af de mest almindelige former for teknisk gæld, jeg møder.

Hvorfor der opstår rod

Shopify skriver selv i vejledningen om afinstallation af apps, at nogle apps tilføjer kode til temaet, som ikke fjernes automatisk, når appen afinstalleres. Det er den største kilde til rod.

Nyere apps bruger ofte app blocks og app embeds, som du slår til og fra i tema-editoren. Ældre apps og manuelle installationer har derimod skrevet kode direkte i temafilerne. Den kode bliver liggende, til nogen fjerner den.

Start derfor med apps. Har du mange, så gennemgå dem først med min guide til for mange Shopify-apps.

Hvor efterladt kode gemmer sig

theme.liquid er layoutfilen, der indlæses på alle sider. Det er her, scripts fra apps oftest ligger. Kig efter <script>-tags fra domæner, du ikke genkender, kommentarer med app-navne og render-kald til snippets fra apps, du ikke længere bruger.

snippets/ indeholder små genanvendelige kodestykker. Apps opretter ofte snippets med deres navn i filnavnet. En snippet, der ikke kaldes nogen steder, gør ikke butikken langsommere, men den gør temaet sværere at overskue.

assets/ indeholder JavaScript, CSS, billeder og skrifttyper. En fil her påvirker kun hastigheden, hvis den faktisk indlæses. Find ud af, om den bliver kaldt, før du sletter den.

sections/ kan indeholde sektioner fra apps eller kampagner, ingen bruger længere.

config/settings_data.json gemmer indstillinger, også for sektioner og apps, der er væk. Det er sjældent et problem, men filen bliver sværere at læse.

Tema-editoren: Tjek listen over app embeds. Er der embeds slået til fra apps, du ikke bruger?

Sådan finder du død kode

1. Lav en liste over apps, du har haft installeret, og dem, der er aktive nu.
2. Søg i temaets kode efter app-navne, udviklernavne og domæner fra de apps, der ikke længere er installeret.
3. Tjek netværkstrafik: Åbn butikken i browseren, åbn udviklerværktøjerne (F12), og se under Network, hvilke domæner der hentes scripts fra. Scripts fra apps, du har fjernet, er et tydeligt fund.
4. Kig efter Liquid-fejl: Kode, der refererer til en app, der er væk, kan give synlige fejlbeskeder på siden.
5. Sammenlign med en frisk version af temaet. Er det fra Theme Store, kan du installere en ny kopi og sammenligne filerne. Alt, der er tilføjet, er enten bevidste tilpasninger eller rester.
6. Find ubrugte snippets: Søg efter render og include for hver snippet. Vær opmærksom på, at nogle snippets kaldes dynamisk med et variabelt navn.

Hvad du ikke skal slette

• Temaets kernefiler: theme.liquid som helhed, temaets grundlæggende CSS og JavaScript og skabelonerne til produkt, kollektion, kurv, søgning og kundekonto. Fjern kun konkrete kodeblokke, du ved er rester.
• Kode fra apps, du stadig bruger, også dem, der kører i baggrunden som tracking og anmeldelser.
• Filer, du ikke forstår. Det er bedre at lade død kode ligge end at ødelægge butikken. Få en udvikler til at vurdere dem.

En note om checkout.liquid: Den fil virker ikke længere. Ifølge Shopifys udviklerdokumentation er den ikke understøttet på checkout-trinene. På siderne Tak for din ordre og Ordrestatus afhænger datoen af planen: For butikker på Shopify Plus blev checkout.liquid og ekstra scripts slået fra den 28. august 2025. For butikker på Basic, Grow og Advanced var fristen for at opgradere de to sider 26. august 2026. Finder du rester af den i et gammelt tema, er funktionen allerede væk.

Backup før du starter

1. Dupliker temaet, og arbejd kun på kopien. Det aktive tema røres ikke.
2. Download temafilen. Under Online Store åbner du menuen ved temaet og vælger Download theme file. Shopify sender en zip-fil til mailen på dit login. Ifølge Shopify er produkter, sider, menuer og billeder ikke med i filen.
3. Mål hastigheden på forsiden, en kollektion, et produkt og kurven, så du har noget at sammenligne med.
4. Brug versionsstyring, fx Git, hvis du eller din udvikler arbejder i koden løbende.

Bemærk, at en butik højst kan have 20 temaer. Rammer du grænsen, kan du downloade gamle kopier og slette dem fra admin.

Oprydning trin for trin

theme.liquid: Gennemgå <head> og området lige før </body>, hvor apps typisk lægger scripts. Kommentér en blok ud i stedet for at slette den, og skriv dato og årsag ved. Test, og slet først, når du er sikker.

Snippets: Slet snippets fra afinstallerede apps, som ikke kaldes nogen steder. Er du i tvivl, så lad dem ligge.

Assets: Fjern JavaScript- og CSS-filer, der ikke kaldes fra temaet. Billeder kan være uploadet via tema-editoren, så vær forsigtig med dem.

App embeds og sektioner: Slå embeds fra for apps, du ikke bruger, og fjern sektioner, der ikke bruges på nogen side.

Test bagefter

Gennemgå mindst:

• forside, kollektion, produkt og søgning
• læg i kurv, opdater kurv og gå til checkout
• login og kundekonto
• 404-siden
• tracking: Bliver besøg og køb stadig registreret?

Mål hastigheden igen, og sammenlign. Når du er tilfreds, udgiver du kopien og beholder det gamle tema som backup et stykke tid.

Tema-opdateringer

Når der kommer en ny version af et tema fra Theme Store, kopieres ændringer fra tema-editoren med. Kodeændringer kommer kun med, hvis de ikke er i konflikt med den nye version ifølge Shopifys vejledning. Jo mindre du har ændret direkte i koden, jo lettere bliver opdateringerne. Det er et godt argument for at bruge app blocks, sektioner og tema-indstillinger frem for kodeændringer, hvor det kan lade sig gøre.

Forebyg nyt rod

• Ved installation: Notér, hvilke filer appen ændrer, og om den bruger app embeds eller kode i temaet.
• Ved afinstallation: Læs appens vejledning, fjern koden med det samme, og test.
• Ved udviklerarbejde: Kræv en kort beskrivelse af hver ændring – hvad, hvor og hvorfor.
• Løbende: Hold en liste over alle tilpasninger i temaet.

Selv eller med hjælp?

Du kan selv slå embeds fra, fjerne ubrugte sektioner og afinstallere apps. Få en udvikler til at gennemgå koden, hvis temaet har kørt i flere år, mange apps har været installeret, eller du ikke ved, hvad koden gør.

Overvejer du i stedet et nyt tema, kan du læse om Shopify-temaer. Skal koden ryddes op, kan en Shopify-udvikler hjælpe, og vil du have en samlet vurdering af butikken, kan du læse om min Shopify-rådgivning.