Link zum Stylesheet und anderen Dateien in Ihrem Thema
Anleitung zum Verlinken von Stylesheets, JavaScript und anderen Dateien in Ihrem Shoporama-Theme.
Wenn Sie auf Stylesheets, JavaScript-Dateien oder Bilder in Ihrem Shoporama-Theme verlinken, ist es wichtig, dass Sie die richtigen Pfade verwenden. Hier zeigen wir Ihnen, wie Sie es richtig machen.
$theme_url verwenden
Die Variable {$theme_url} verweist auf das Stammverzeichnis Ihres Themes. Verwenden Sie sie, um auf alle Dateien in Ihrem Thema zu verlinken:
<!-- 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 kodierten Pfades:
- Portabilität - das Theme funktioniert überall, 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 dass der Code geändert wird
Andere nützliche URL-Variablen
| Variable | Beschreibung der Variable |
|---|---|
| {$theme_url} | Stammverzeichnis des Themas (für CSS, JS, Bilder) |
| {$domain} | Die Domain des Shops |
| {$webshop} | Das Webshop-Objekt mit allen Einstellungen |
Wichtig zu beachten
Verwenden Sie niemals absolute Pfade wie /user_templates/4/mittema/css/style.css. Es wird kaputt gehen, wenn das Theme verschoben oder auf 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.