Hallo, ich habe hier das Responsive Template von COnexco gekauft bzw. installiert: http://www.sw.eslamica.de Ist es auch möglich, irgendwie ein Hintergrundbild für den Shop zu definieren, statt nur die einfarbige Füllfarbe zu ändern? Ich hätte gerne das Hintergrundbild unseres bisherigen Shops: http://www.eslamica.de Viele Grüße Huseyin
Hallo zusammen, würde mich auch interessieren. Gibt es schon was dazu? Gruß Henrik
http://www.shopwaretemplate.de/shopware … e-doku.pdf Auf Seite 17 in der Dokumentation: CUSTOMIZING – EXPERT … Neben der hier beschriebenen Funktion der Konfiguration im Backend besteht die Möglichkeit das Template darüber hinaus zu anzupassen ohne die Updatefähigkeit zu verlieren. Hierzu kann mit dem Ordner „_local“ im TemplateVerzeichnis (/templates/_local) gearbeitet werden, wobei zu beachten ist, dass sich die Änderungen auf alle Subshops in der Shopware-Installation auswirken (sprich auch solchen in denen das Responsive Template nicht aktiviert ist). Sollen sich die Änderungen nicht auf alle Subshops auswirken sondern nur auf Shops in denen das Responsive Template aktiviert ist, so ist im Template-Verzeichnis des Shops ein Ordner mit der Bezeichnung „_theme“ (/templates/_theme) anzulegen. In diesem Ordern können die Änderungen nach Wunsch vorgenommen werden. Es muss jedoch unbedingt die Shopware Template-Struktur eingehalten werden (z.B. muss das Stylesheet unter „_theme/frontend/_resources/css/bootstrap.css“ zu finden sein usw). Ansonsten greift hier die normale Shopware Template-Logik mit welcher Files/Blöcke erweitert bzw. überschrieben werden können. Ich habe das so gemacht: 1. Ordner anlegen “_theme\frontend_resources\css”, “_theme\frontend\index” und “_theme\frontend_resources\img” 2. Damit ich nicht die Originale CSS-Datei ändern muß, erstelle ich mir eine neue wo alle Änderungen, bzw. neu erstellten Sachen rein kommen. Neue Datei erstellen “mystyle.css” und in “_theme\frontend_resources\css” speichern 3. header.tpl aus dem Ordner “engine\Shopware\Plugins\Community\Frontend\SwfResponsiveTemplate\views\frontend\index” in “_theme\frontend\index” kopieren 4. header.tpl öffnen und in Zeile 53 die neue CSS-Datei einfügen5. mystyle.css öffnen und dann euer Bild mittels CSS einfügen. Das Bild in “_theme\frontend_resources\img” speichern 100% Hintergrundbild: http://solemone.de/demos/fullsize-backg … ound-size/ http://blog.codingpeople.com/coding/mit … und-image/ http://www.slickmedia.co.uk/news/blog/g … -with-css/
1 „Gefällt mir“
[quote]3. header.tpl aus dem Ordner „engine\Shopware\Plugins\Community\Frontend\SwfResponsiveTemplate\views\frontend\index“ in „_theme\frontend\index“ kopieren 4. header.tpl öffnen und in Zeile 53 die neue CSS-Datei einfügen[/quote] Perfekt wäre es, wenn man stattdessen folgendes macht: 3. header.tpl unter dem Pfad „_theme/frontend/index“ erstellen 4. in die header.tpl folgenden Inhalt einfügen: {extends file="parent:frontend/index/header.tpl"} {\*! Stylesheets and Javascripts \*} {block name="frontend\_index\_header\_css\_screen" append} <link type="text/css" media="all" rel="stylesheet" href="%7Blink%20file='frontend/_resources/css/mystyle.css'%7D?cachebreaker=%7B%24CacheBreaker%7D">{/block} Somit ist es 100% Updatefähig und evtl Änderungen an der header.tpl bei zukünftigen Updates werden berücksichtigt, da lediglich der Block erweitert wird.
1 „Gefällt mir“
Hallo, erst mal vielen Dank für die schnelle Hilfe. Hat bei mir noch nicht ganz geklappt. Probiere noch es zu schaffen. Was muß in der mystyle.css stehen? Hiermit klappt es nicht: body { background: url("../images/background.png") repeat; } Danke im Voraus für Eure Hilfe. Henrik
hierzu am besten einmal die Links vom obigen Beitrag ansteuern und schauen wie es dort gelöst wird.
Man kann das Hintergrundbild sehr einfach über den Expert-Reiter im Responsive Template Menü einstellen. Dort im rechten Fenster einfach folgendes eingeben: body { background: url("…/img/bg.png") repeat #eee; } Wobei der Pfad und der Dateiname noch angepasst werden muss. In meinem Fall liegt die Bilddatei im gleichen Verzeichnis wie das Template, im img-Ordner. Das wars.
1 „Gefällt mir“
Hallo Muffel, Habe folgenden Code eingefügt. body { background: url(".../templates/emotion\_pink/frontend/\_resources/images/background.png") repeat; } Es funktioniert leider nicht. Denke es liegt am Pfad des Bildes. Kannst Du erkennen was ich falsch mache? Herzliche Grüße aus Meine Gute Stube Henrik Edit: Ok jetzt klappt es. Schien an den Dateiattributen auf dem Server zu liegen.