Link zum Stylesheet und anderen Dateien in Ihrem Thema
Anleitung zum Verlinken von Stylesheets, JavaScript und anderen Dateien in Ihrem Shoporama-Theme.
Wenn du in deinem Shoporama-Theme auf Stylesheets, JavaScript-Dateien oder Bilder verweist, ist es wichtig, die richtigen Pfade zu verwenden. Hier erklären wir dir, wie du es richtig machst.
Verwende $theme_url
Die Variable {$theme_url} verweist auf den Stammordner deines Themes. Verwende sie, um auf alle Dateien in deinem Theme zu verweisen:
<!-- 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">Warum $theme_url?
Der Grund für die Verwendung von {$theme_url} anstelle eines fest codierten Pfads:
- Portabilität – das Theme funktioniert unabhängig davon, wo es installiert ist
- CDN-Unterstützung — Die URL kann automatisch auf ein CDN verweisen
- Flexibilität – Der Ordner des Themes kann verschoben werden, ohne den Code zu ändern
Weitere nützliche URL-Variablen
| Variable | Beschreibung |
|---|---|
| {$theme_url} | Stammverzeichnis des Themes (für CSS, JS, Bilder) |
| {$baseurl} | Vollständige URL des Shops (z. B. https://minshop.dk) |
| {$webshop} | Das Webshop-Objekt mit allen Einstellungen |
Wichtig
Verwende niemals absolute Pfade wie /user_templates/4/mittema/css/style.css. Dies führt zu Fehlern, wenn das Theme verschoben oder in einem anderen Shop installiert wird.
Benötigen Sie Hilfe bei der Theme-Entwicklung? Kontaktieren Sie uns unter support@shoporama.dk.
Ähnliche Artikel
Eigenes Stylesheet (Custom CSS)
Fügen Sie benutzerdefinierte CSS zu Ihrem Shoporama-Onlineshop und Ihrem Admin-Backend hinzu. Passen Sie Farben, Schriftarten und Layout an und...
E-Mail-Vorlagen in Ihrem Thema
Überblick über alle E-Mail-Vorlagen in Shoporama-Themen. Erfahren Sie, was jede Vorlage tut, wann sie versendet wird und welche Variablen Sie...
Theme Builder in Ihr Thema implementieren
Anleitung zur Implementierung von Shoporama's Theme Builder in Ihr Theme, damit der Händler Seiten visuell erstellen kann.