Lenke til stilark og andre filer i temaet ditt
Veiledning for kobling til stilark, JavaScript og andre filer fra Shoporama-temaet ditt.
Lesetid: ca. {åtte} minutter
Utvikler
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 temaets rotkatalog. Bruk den til å lenke til alle filene i temaet ditt:
<!-- Stilark --> <link rel="stylesheet" href="<{$theme_url}>/css/style.css"> <!-- JavaScript --> <script src="<{$theme_url}>/js/main.js"></script> <!-- Image --> <img src="<{$theme_url}>/img/logo.png" alt="Logo">Hvorfor $theme_url?
Grunnen til å bruke {$theme_url} i stedet for en hardkodet bane:
- Portabilitet - temaet fungerer uansett hvor det er installert
- CDN-støtte - URL-en kan automatisk peke til et CDN
- Fleksibilitet - temamappen kan flyttes uten å endre koden
Andre nyttige URL-variabler
| Variabel | Beskrivelse av variabelen |
|---|---|
{$theme_url} | Temaets rotmappe (for CSS, JS, bilder) |
{$domain} | Domenet til butikken |
{$webshop} | Nettbutikkobjektet med alle innstillinger |
Viktig å merke seg
Bruk aldri absolutte baner som /user_templates/4/mittema/css/style.css. Det vil gå i stykker hvis temaet flyttes eller installeres på en annen butikk.
Trenger du hjelp med temautvikling? Kontakt oss på support@shoporama.dk.