Probleme bei Custom Theme

[stickergigant]

Hallo,

ich nutze das Shopversion 3.11 und auch die Templateversion 3.11.
Mein Shop soll auf www.miss-nail.de erscheinen.
Nutzen möchte ich das Tiny (Base) Template nur mit angepassten Farben.

Nun habe ich das Base Template (Tiny) auf meine Bedürfnisse angepasst. Anschließend habe ich sämtliche Datein (inkl. Image-Ordner), die vorher auch in dem base Ordner waren, in /httpdocs/templates/JTL-Shop3-Tiny-311/themes/custom gespeichert.
Verändert habe ich nur diese Datein:
base.css
boxes.css
page.css
Der Rest entspricht genau den originalen "Base" Datein.
Nachdem ich das gemacht habe und im Backend Bereich meine Templateeinstellungen auf Benutzerdefiniert gesetzt habe, gab es leider keine Veränderung auf meiner Seite.
Nun war ich so blöd und habe die Datei theme.css.sample, welche zuvor in den custom Ordner war gelöscht. War bestimmt nen Fehler?

Kann mir hier vielleicht jemand weiterhelfen? Ich verzweifel...

Danke und liebe Grüße,
Andrea

 

[ag-websolutions.de]

AW: Probleme bei Custom Theme

nein war es nicht....aber

1. Fehler
Du hast die Veränderungen unter /templates/JTL-Shop3-Tiny/themes/base/ in den genannten drei Datei gemacht

2. Fehler
Du hast die Dateien nach /templates/JTL-Shop3-Tiny/themes/custom/ kopiert

Wenn das TINY-Theme die Ausgangsbasis ist, dann muss du wie folgt vorgehen:

Benenne im Verzeichnis /templates/JTL-Shop3-Tiny/themes/custom/ die theme.css.sample um in theme.css (da du sie gelöscht hast, lege einfach eine leere Datei an)

In diese themes.css trägst du sämtliche css-Änderungen ein, die du vorgenommen hast (egal in welcher Basis-Datei das css-Element steht)

Kopiere aus dem Installationspaket wieder die Original-Dateien in das base-Verzeichnis (base.css, boxes.css, page.css)

Stelle im Shop-Admin um auf "benutzerdefiniertes Theme"

Ein image-Verzeichnis in deinem custom-Verzeichnis muss du nur dann anlegen, wenn du in deiner themes.css auch auf Bilder verweist

 

[stickergigant]

AW: Probleme bei Custom Theme

Vorab, vielen Dank für deine Antwort.

Ich habe die Datein nicht direkt in dem Base ordner geändert, sonder vorher auf meinem PC gespeicher, dann bearbeitet und anschließend in den custom Ordner gepackt.

Nun bin ich leider nicht so ein Held, d.h. ich kann weiß leider nicht,was ich in meine custom.css Datei schreiben soll. Ist es möglich, die Datei nochmal irgendwo zu downloaden bzw. kannst du mir sagen, was ich genau reinschreiben muss um den Bezug zu meinen 3 geänderten css Datein herzustellen?

 

[ag-websolutions.de]

AW: Probleme bei Custom Theme

nein nein....die ÄNDERUNGEN selber kommen in die themes.css rein

da ich jetzt nicht weiß, was du (alles) geändert hast...ist es schwierig mit Beispielen das darzustellen

ich versuchs mal

css-Element aus der Original page.css:

#page {
   width: 100%;
   margin: 0 auto;
   text-align: center;
   background-color: #fff;
}

jett willst du den Seitenhintergrund von weiß (background-color: #fff; ) auf schwarz setzen (background-color: #000; )

dann gehört folgendes in deine themes.css rein:

#page {
   background-color: #000;
}

Also NUR die Änderung

 

[stickergigant]

AW: Probleme bei Custom Theme

Hallo,

habe das jetzt versucht. Bin mir jetzt nicht sicher ob das so stimmt, da ich ja wie gesagt Änderungen in der base.css, page.css und boxes.css vorgenommen habe.
Meine themes.css sieht jetzt so aus:

#base {
html {
color: #666666;
}
}

#boxes {
.sidebox {
border: 1px solid #ea1b87;
}
.sidebox h3 {
background-color: #ea1b87;
color: #ffffff;
}
}
#page {
#search {
background-color: #ea1b87;
}
#headlinks {
border-bottom: 1px solid #ea1b87;
}
#headlinks ul li > a {
background-color: #ea1b87;
color: #ffffff;
}
#headlinks ul li > a:hover {
background-color: #9b3e97;
}
#headlinks li.basket > a {
background: none repeat scroll 0 0 #ea1b87;
}
#headlinks li.basket > a:hover, #headlinks li.basket:hover > a {
background-color: #9b3e97;
}
}


Alternativ habe ich auch diese Version ausprobiert:

html {
color: #666666;
}
.sidebox {
border: 1px solid #ea1b87;
}
.sidebox h3 {
background-color: #ea1b87;
color: #ffffff;
}
#search {
background-color: #ea1b87;
}
#headlinks {
border-bottom: 1px solid #ea1b87;
}
#headlinks ul li > a {
background-color: #ea1b87;
color: #ffffff;
}
#headlinks ul li > a:hover {
background-color: #9b3e97;
}
#headlinks li.basket > a {
background: none repeat scroll 0 0 #ea1b87;
}
#headlinks li.basket > a:hover, #headlinks li.basket:hover > a {
background-color: #9b3e97;
}

Aber irgendwas schein falsch zu sein. Habe keine Veränderung.

 

[ag-websolutions.de]

AW: Probleme bei Custom Theme

die 2. Version ist auf jeden Fall die richtig

du darfst/brauchst in der themes.css keinen wie auch immer gearteten Verweis auf die ursprüngliche css-Datei

Aber irgendwas schein falsch zu sein. Habe keine Veränderung.

was willst du denn auch für Veränderungen haben?
Bisher hattest du die Änderungen in den Basis-Dateien, was zwar technisch geht, aber nicht im Sinne der Shop-Logik ist, da nicht update-sicher

Jetzt hast du die Änderungen in der themes.css .... unter STrich hat sich rein von der Darstellung her nichts geändert ... nur der Weg ist jetzt der richtige

 

[stickergigant]

AW: Probleme bei Custom Theme

Naja, ich habe ja diverse Farben geändert. Hier ist das ja so ein Pink Ton. Den würde ich ja nun schon gerne auf meiner Seite sehen. In der themes.css ist es ja auch so verankert.

Ich habe vorher nichts an der base Datei geändert, da ich ja gelesen habe, dass es nicht update-sicher ist. Habe immer sämtliche Datein zuvor auf meinem PC gespeichert, dann bearbeitet und anschließend in den custom ordner gezogen.
ich habe nun in meinem custom ordner meine themes.css sowie eine kopie der originalen boxes.css, page.css und base.css

Jedoch sieht meine Seite immernoch hellblau aus (wie im original) und nicht pink.

 

[ag-websolutions.de]

AW: Probleme bei Custom Theme

hast du denn auch im shop-admin auf benutzerdefiniertes theme umgeschaltet

 

[stickergigant]

AW: Probleme bei Custom Theme

Ja, habe unter Darstellung - Template - JTL-Shop3-Tiny-311 - Einstellungen - Standardtheme auf benutzerdediniert gestellt.

 

[ag-websolutions.de]

AW: Probleme bei Custom Theme

ok das bringt so nichts....

wenn du möchtest schicke mir per Mail Zugangsdaten zum ftp und zum shop-Admin dann schau ich mal schnell drüber

 

[stickergigant]

AW: Probleme bei Custom Theme

Habe dir ne PN geschickt.

Tausend Dank und lieben Gruß

 

[ag-websolutions.de]

AW: Probleme bei Custom Theme

dann schau jetzt mal....passt es so besser

die Datei heißt theme.css ... nicht themes.css

 

[stickergigant]

AW: Probleme bei Custom Theme

Okay, ich merke, es wird spät... Tut mir leid. Aber vielen, vielen Dank fürs nachschauen und Fehler finden.

Freu mich!!!