Neu shop5 Nova hintergrund

toddy

Gut bekanntes Mitglied
25. Januar 2012
175
1
Hallo,

im 4er Shop haben wir ein Hintergrund hinter dem Shop. Dies würden wir auch gern bei uns im 5er Shop wieder hinterlegen. Die Hintergründe wie arktis, berge, buero, feld..... habe ich zwar über FTP Zugang gefunden, aber wo stell ich dies im Backend des Shops ein? Wir haben gerade eine Demo Shop, geht dies da gar nicht? Im 4er Sop war dies unter dem Template einzustellen, jetzt finde ich dies aber gar nicht. Zur Zeit wird der Shop komplett auf den Bildschirm in die breite gezogen.
Hat jemand eine Idee?

gruß Toddy
 

ple

Sehr aktives Mitglied
20. August 2019
286
34
Ich rate mal ins blaue, da ich noch nicht viel mit dem Shop gemacht habe, aber kannst du nicht einen Container komplett drüberziehen mit dem OPC? Meine das ich es so mal gesehen hatte.
Gruß
 

Patrick Gugelsberger

Moderator
Mitarbeiter
1. Februar 2019
399
60
Hallo @toddy,

im Nova ist es nicht möglich ein Hintergrundbild zu hinterlegen da das Template die komplette zur Verfügung stehende Bildschirmbreite nutzt.

Wenn ein Hintergrundbild unabdingbar ist dann ist dies derzeit nur Möglich wenn du den gesamten Inhalt in einen container packst und per css ein Hintergrundbild einfügst.

Hier mal eine grobe Richtungsweise wie das ganze funktionieren könnte (nicht geprüft, hier kann es zu Fehlern kommen welche ich nicht verantworte! :) )

Bitte alle Änderungen in einem Child Template vornehmen!

In der Datei /templates/deintemplate/layout/header.tpl musst du bitte in folgender Zeile die container Klasse ergänzen, also aus :
Code:
 <main id="main-wrapper" class="{if $bExclusive} exclusive{/if}{if $hasLeftPanel} aside-active{/if}>

machst du bitte
Code:
  <main id="main-wrapper" class="{if $bExclusive} exclusive{/if}{if $hasLeftPanel} aside-active{/if} container>

Anschließend fügst du in deiner custom.css (templates/deintemplate/themes/clear/custom.css) folgenden Code ein:
CSS:
body{
    background-image: url(background.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
}
Dein Hintergrundbild musst du "background.jpg" nennen und anschließend in den Ordner templates/deintemplate/themes/clear hinterlegen, die Farben des Themes müsstest du dann am besten über das JTL Theme Editor Plugin anpassen falls du das ganze ähnlich wie in deinem aktuellen Shop haben willst:

https://gitlab.com/jtl-software/jtl-shop/plugins/jtl_theme_editor

Solltest du das Hintergrundbild nicht mehr wünschen müsstest du entsprechend den CSS Teil wieder auskommentieren oder entfernen, nur zur Wiederholung ... das ist nichts was von unseren Entwicklern abgesegnet ist und ich kann nicht garantieren das es hier nicht zu Problemen kommen könnte. Teste das ganze am besten vorher gründlich.


PS: Ich habe deinen Thread mal ins Beta Forum verschoben :)
 
Zuletzt bearbeitet:
  • Gefällt mir
Reaktionen: JulianG

toddy

Gut bekanntes Mitglied
25. Januar 2012
175
1
Danke für die Hilfe,
ich habe dies einmal versucht und Schritt für Schritt durchgeführt. Leider kommt aber nachdem ich das Templete aktiviert habe eine weiße Seite und bei Google Crome HTTP ERROR 500 .
 

toddy

Gut bekanntes Mitglied
25. Januar 2012
175
1
Hallo,

danke schon einmal, jetzt nur zum Verständniss, da ich denke, wenn dar Shop 4 auf 5 gestezt wird, stehe ich sonst wieder vor dem Problem.
Was hätte ich anders machen müssen um es richtig einzubinden? Ich hatte zum testen mein altes über das Backend hochgeladen. Danach hatte ich es aktiviert, leider kam da dann eine Fehlermeldung.

Das zweite ist mit dem Farben des Themes, da habe ich das JTL Theme Editor Plugin runtergelden und aktiviert. da gibt es clear, dark und my-nova. Aber egal welches ich auswähle, und Theme kompiliere, ändern tuht sich nichts im Shop. Woran liegt das?
 

Patrick Gugelsberger

Moderator
Mitarbeiter
1. Februar 2019
399
60
Das wird das Problem gewesen sein, du hast kein Child Template erstellt sondern ein komplettes Template hochgeladen welches wahrscheinlich nicht RC3 Kompatibel war.

Wie du ein Child Template richtig einbindest wird dir hier ausführlicher erklärt als ich es in einem Post könnte :)
Eigenes Template

Eine Nova Child Vorlage findest du unter folgendem Link:
Nova Child

Mit dem Theme Editor müsstest du das my-nova theme editieren, speichern und anschließend kompilieren. Sollten die Änderungen dann nicht sichtbar sein musst du ggfls. nochmal den Templatecache und deinen Browsercache leeren.
 

lahr-net

Gut bekanntes Mitglied
13. Oktober 2016
195
7
im Code oben
<main id="main-wrapper" class="{if $bExclusive} exclusive{/if}{if $hasLeftPanel} aside-active{/if} container>

fehlen da abschließende Anführungsstriche? container gehört zur CSS-Klasse.. dann funktionierts bei mir. :)


Aber noch was zur Perfermence: Da der Hintergrund bei kleinen Bildschirmen eh für den A**** ist mag ich ihn dafür gar nicht erst anfordern:

@media only screen and (min-width: 780px) {body{
background-image: url(background.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 100% 100%;}}
 
Zuletzt bearbeitet:

Mojo LabZ

Neues Mitglied
13. Mai 2021
11
0
Hallo zusammen,

ich habe eure Ratschläge hier ganz genau befolgt und zum Teil funktioniert das auch. Das Hintergrundbild wird angezeigt, allerdings nur unterhalb des Footers.. Der restliche (hauptsächliche) Hintergrund bleibt weiß.

Hat jemand spontan eine Idee, wo hier der Fehler liegen könnte?

LG
 

lahr-net

Gut bekanntes Mitglied
13. Oktober 2016
195
7
Hallo zusammen,

ich habe eure Ratschläge hier ganz genau befolgt und zum Teil funktioniert das auch. Das Hintergrundbild wird angezeigt, allerdings nur unterhalb des Footers.. Der restliche (hauptsächliche) Hintergrund bleibt weiß.

Hat jemand spontan eine Idee, wo hier der Fehler liegen könnte?

LG
Hört sich für mich so an, als ob der Hintergrund nicht im HTML "body" Element platziert ist.....

@media only screen and (min-width: 780px) {body{
background-image: url(background.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 100% 100%;}}

oder dass das Layout nicht die Container-Klasse bekommen hat
<main id="main-wrapper" class="{if $bExclusive} exclusive{/if}{if $hasLeftPanel} aside-active{/if} container"> .... dann würde der Hintergund unten vielleicht nur an einem Zipfel rausguggen

LG
Martin
 
  • Gefällt mir
Reaktionen: Mojo LabZ
Ähnliche Themen
Titel Forum Antworten Datum
Neu Shop5 NOVA - SWATCH-Image - PopUp deaktivieren Templates für JTL-Shop 5
Neu Shop5 NOVA - Galerieansicht Bilder vergrößern Templates für JTL-Shop 2
Neu Produktdaten für rich snippets werden von Shop5 (NOVA) nicht geliefert Allgemeine Fragen zu JTL-Shop 1
Logo Skalierung im Shop5 Einrichtung JTL-Shop5 6
Neu Auswahlassistent Shop5 Allgemeine Fragen zu JTL-Shop 4
Neu Größentabelle Shop5 Allgemeine Fragen zu JTL-Shop 0
Neu Shop5: JTL Paypal, Ratenzahlung und dann noch Mollie Plugins für JTL-Shop 0
Neu 💙 Neues Plugin: Energielabel (für JTL-Shop5) - empfohlen vom Händlerbund! Plugins für JTL-Shop 0
Neu 💙 Neues Plugin: Messenger Kontaktlayer (für JTL-Shop5) Plugins für JTL-Shop 5
Neu 💙 Neues Plugin: Artikelsticker Plus (für JTL-Shop5) Plugins für JTL-Shop 0
Neu JTL Shop5 Plugin " Gefahrensymbol" Com-ins-netz CIN GmbH Plugins für JTL-Shop 0
Neu Mixbox Plugin für JTL-Shop5 Com-ins-netz CIN GmbH Plugins für JTL-Shop 0
Neu Shop5 Plugin " Pfand incl. Altteilesteuer für den KFZ Handel" Com-ins-netz CIN GmbH Plugins für JTL-Shop 0
Neu Platzhalter Datenbankfelder Betreffzeile Email aus shop5 Bestellbestätigung Versandbestätigung etc Allgemeine Fragen zu JTL-Shop 0
Neu JTL-Shop5 API Bug Allgemeine Fragen zu JTL-Shop 1
Neu STRIPE Zahlungsplugin für JTL-Shop5 Plugins für JTL-Shop 2
Neu 💙 Neues Plugin: Kategorietext Anzeige Plus (für JTL-Shop4 und JTL-Shop5) Plugins für JTL-Shop 0
Neu 💙 Neues Plugin: Lexikon/Glossar (für JTL-Shop5) Plugins für JTL-Shop 0
PHP Version 7.4 + 8 generiert Fehler 500 (shop5) Einrichtung JTL-Shop5 2
Shop5 Export Idealo Artikel mit Umlauten werden in Idealo mit Sonderzeichen dargestellt Einrichtung JTL-Shop5 6
Neu Vorschlag Usability Optimierung Shop5 Backend JTL-Shop - Ideen, Lob und Kritik 2
Neu 💙 Neues Plugin: Kundenfragen und -antworten für Artikel (für JTL-Shop5) Plugins für JTL-Shop 5
Neu 💙 Neues kostenloses Plugin: Eye-Able® Schnittstelle für JTL-Shop5 (für barrierefreie Shops) Plugins für JTL-Shop 3
Neu Fehler beim ausführen des shop5 Testskript (Systemcheck) Installation / Updates von JTL-Shop 7
Wawi Kategorien in Shop5 ausblenden um eigene Seiten zu nutzen (MegaMenü) geht nicht, oder? Einrichtung JTL-Shop5 1
Neu Shop5 Lieferadressen Bug - Lieferadresse lässt sich aus der Bestellübersicht nicht mehr ändern JTL-Shop - Fehler und Bugs 3
Neu Nach dem Upgrade Shop4 > Shop5 - Wawi-Syncdaten müssen manuell abgespeichert werden? JTL-Shop - Fehler und Bugs 10
Neu JTL Shop5 Paypal Express Checkout PayerID is missing Plugins für JTL-Shop 0
Komprimierung des HTML-Ausgabedokuments / Template Einstellung fehlt JTL Shop5 ? Einrichtung JTL-Shop5 0
Neu JTL Shop 5 - Anpassung Nova Child Theme - Benachrichtigungsfunktion Dienstleistung, Jobs und Ähnliches 0
Neu Alternative für NOVA wie die freien Evo Themes von bootswatch.com? Templates für JTL-Shop 1
Neu NOVA Template Weiß nach Update 4.06 => 5 Installation / Updates von JTL-Shop 7
Neu Nova vs Drittanbieter Templates? Templates für JTL-Shop 8
Neu nova update nach Shop Update 5.1.1 Templates für JTL-Shop 1
Nova Template - Artikelübersicht - Verfügbarkeit anzeigen Einrichtung JTL-Shop5 3
Neu Bestand pro Lager bei mehrern Lägern ausblenden im Nova Template nur Ampel anzeigen in Artikelbeschreibung Templates für JTL-Shop 2
Neu Shop 5.1.1 > Nova > Bestseller | Logo Templates für JTL-Shop 3
Neu NOVA Template Artikelsticker ändern Templates für JTL-Shop 6
Shop 5: Nova / Lieferzeitenangabe für Kinderartikel passt nicht Einrichtung JTL-Shop5 0
Weiße Seite beim NOVA-Template, EVO geht Upgrade JTL-Shop4 auf JTL-Shop5 2
Neu JTL 5 Shop -> Slick Slider auf der Startseite im Nova Template verändern Templates für JTL-Shop 2
Neu Template Anpassung im Child Theme via JTL Theme Editor -> my-nova.scss Templates für JTL-Shop 0
Neu NOVA Template Farbänderung in verschiedenen Bereichen Templates für JTL-Shop 5
Neu JTL SHOP 5.0.1 / NOVA-Template UVP/Rabattanzeige Artikelübersichten Allgemeine Fragen zu JTL-Shop 5
Neu JTL5.1.1 Nova-Template mit Child Mobiles Menü Templates für JTL-Shop 6
Neu Template Nova/layout/header_nav_search.tpl <li>? JTL-Shop - Fehler und Bugs 5
Beantwortet Einstellungen Megamenü Nova Einrichtung JTL-Shop5 2
Neu Slider verkleinern im NOVA Templates für JTL-Shop 3
Neu Header Box im Shop 5 Nova / Evo.. Templates für JTL-Shop 3
Neu NOVA Template linke Navigation? Templates für JTL-Shop 2

Ähnliche Themen