Lenke til stilark og andre filer i temaet ditt
Veiledning for kobling til stilark, JavaScript og andre filer fra Shoporama-temaet ditt.
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.
Relaterte artikler
Eget stilark (tilpasset CSS)
Legg til egendefinert CSS i Shoporama-nettbutikken og admin-backend. Tilpass farger, skrifttyper, layout og skjul elementer uten å endre temafiler.
E-postmaler i temaet ditt
Oversikt over alle e-postmaler i Shoporama-temaer. Finn ut hva hver mal gjør, når den sendes og hvilke variabler du kan bruke til å tilpasse...
Implementere Theme Builder i temaet ditt
Veiledning for implementering av Shoporamas Theme Builder i temaet ditt, slik at forhandleren kan bygge sider visuelt.