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 lenker til stilark, JavaScript-filer eller bilder i Shoporama-temaet ditt, er det viktig å bruke de riktige stiene. Her går vi gjennom hvordan du gjør det riktig.
Bruk $theme_url
Variabelen {$theme_url} peker til rotmappen i temaet ditt. Bruk den til å lenke til alle filene i temaet ditt:
<!-- Stylesheet -->
<link rel="stylesheet" href="<{$theme_url}>/css/style.css">
<!-- JavaScript -->
<script src="<{$theme_url}>/js/main.js"></script>
<!-- Bilde -->
<img src="<{$theme_url}>/img/logo.png" alt="Logo">Hvorfor $theme_url?
Grunnen til å bruke {$theme_url} i stedet for en hardkodet sti:
- Portabilitet — temaet fungerer uansett hvor det er installert
- CDN-støtte — URL-en kan automatisk peke på et CDN
- Fleksibilitet — temamappen kan flyttes uten å endre koden
Andre nyttige URL-variabler
| Variabel | Beskrivelse |
|---|---|
| {$theme_url} | Temaets rotmappe (for CSS, JS, bilder) |
| {$baseurl} | Nettbutikkens fullstendige URL (f.eks. https://minshop.dk) |
| {$webshop} | Nettbutikkobjektet med alle innstillinger |
Viktig
Bruk aldri absolutte stier som /user_templates/4/mittema/css/style.css. Dette vil føre til feil hvis temaet flyttes eller installeres i en annen nettbutikk.
Trenger du hjelp med temautvikling? Kontakt oss 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.