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.
Lästid: ca {åtta} minuter
Utvecklare
När du länkar till stylesheets, JavaScript-filer eller bilder i ditt Shoporama-tema är det viktigt att du använder 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å ditt temas rotkatalog. 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 hårdkodad sökväg:
- Portabilitet - temat fungerar var det än är installerat
- CDN-stöd - URL:en kan automatiskt peka till ett CDN
- Flexibilitet - temamappen kan flyttas utan att koden ändras
Andra användbara URL-variabler
| Variabel | Variabel Beskrivning |
|---|---|
{$tema_url} | Temats rotmapp (för CSS, JS, bilder) |
{$domän} | Domänen för butiken |
{$webshop} | Webbshop-objektet med alla inställningar |
Viktigt att notera
Använd aldrig absoluta sökvägar som /user_templates/4/mittema/css/style.css. Det kommer att gå sönder om temat flyttas eller installeras i en annan butik.
Behöver du hjälp med temautveckling? Kontakta oss på support@shoporama.dk.