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 länkar till stilmallar, JavaScript-filer eller bilder i ditt Shoporama-tema är det viktigt att använda rätt sökvägar. Här går vi igenom hur du gör det på rätt sätt.
Använd $theme_url
Variabeln {$theme_url} pekar på rotmappen för ditt tema. Använd den för att länka till alla filer i ditt tema:
<!-- Stylesheet -->
<link rel="stylesheet" href="<{$theme_url}>/css/style.css">
<!-- JavaScript -->
<script src="<{$theme_url}>/js/main.js"></script>
<!-- Bild -->
<img src="<{$theme_url}>/img/logo.png" alt="Logo">Varför $theme_url?
Anledningen till att använda {$theme_url} istället för en fast kodad sökväg:
- Portabilitet — temat fungerar oavsett var det är installerat
- CDN-stöd — URL:en kan automatiskt peka på ett CDN
- Flexibilitet — temamappen kan flyttas utan att koden behöver ändras
Andra användbara URL-variabler
| Variabel | Beskrivning |
|---|---|
| {$theme_url} | Tematets rotmapp (för CSS, JS, bilder) |
| {$baseurl} | Webbutikens fullständiga URL (t.ex. https://minshop.dk) |
| {$webshop} | Webbshop-objektet med alla inställningar |
Viktigt
Använd aldrig absoluta sökvägar som /user_templates/4/mittema/css/style.css. Det kommer att orsaka fel om temat flyttas eller installeras i en annan webbutik.
Behöver du hjälp med temautveckling? Kontakta oss 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.