Länk till stylesheet och andra filer i ditt tema
Guide för att länka till stylesheets, JavaScript och andra filer från ditt Shoporama-tema.
Når du linker til stylesheets, JavaScript-filer eller billeder i dit Shoporama-tema, er det vigtigt at bruge de korrekte stier. Her gennemgår vi, hvordan du gør det rigtigt.
Brug $theme_url
Variablen {$theme_url} peger på dit temas rodmappe. Brug den til at linke til alle filer i dit tema:
<!-- Stylesheet -->
<link rel="stylesheet" href="<{$theme_url}>/css/style.css">
<!-- JavaScript -->
<script src="<{$theme_url}>/js/main.js"></script>
<!-- Billede -->
<img src="<{$theme_url}>/img/logo.png" alt="Logo">Hvorfor $theme_url?
Grunden til at bruge {$theme_url} i stedet for en hardcodet sti:
- Portabilitet — temaet virker uanset, hvor det er installeret
- CDN-understøttelse — URL'en kan automatisk pege på et CDN
- Fleksibilitet — temaets mappe kan flyttes uden at ændre kode
Andre nyttige URL-variabler
| Variabel | Beskrivelse |
|---|---|
| {$theme_url} | Temaets rodmappe (til CSS, JS, billeder) |
| {$baseurl} | Shoppens fulde URL (fx https://minshop.dk) |
| {$webshop} | Webshop-objektet med alle indstillinger |
Vigtigt
Brug aldrig absolutte stier som /user_templates/4/mittema/css/style.css. Det vil bryde, hvis temaet flyttes eller installeres på en anden shop.
Har du brug for hjælp med tema-udvikling? Kontakt os på support@shoporama.dk.
Relaterade artiklar
Egen stilmall (anpassad CSS)
Lägg till anpassad CSS till din Shoporama-webbutik och admin-backend. Anpassa färger, teckensnitt, layout och dölj element utan att ändra temafiler.
E-postmallar i ditt tema
Översikt över alla e-postmallar i Shoporama-teman. Lär dig vad varje mall gör, när den skickas och vilka variabler du kan använda för att anpassa...
Implementera Theme Builder i ditt tema
Guide för att implementera Shoporamas Theme Builder i ditt tema så att handlaren kan bygga sidor visuellt.