GX2: Hintergrund im EyeCandy-Template fixieren

Thema wurde von Moritz (Gambio), 28. Oktober 2012 erstellt.

  1. Moritz (Gambio)

    Moritz (Gambio) Administrator

    Registriert seit:
    26. April 2011
    Beiträge:
    5.786
    Danke erhalten:
    2.693
    Danke vergeben:
    903
    Um eine Hintergrund-Grafik im EyeCandy-Template zu fixieren, so dass sie sich beim Scrollen nicht mitbewegt, kann wie folgt updatesicher umgesetzt werden (ab Shopversion v2.0.7):
    Kopiere die angehängte Datei in das templates/EyeCandy/usermod/css Verzeichnis. Die Datei hat übrigens folgenden Inhalt:
    Code:
    body .wrap_shop {
    	background-attachment: fixed;
    }
     

    Anhänge:

  2. dev.toy

    dev.toy Mitglied

    Registriert seit:
    21. November 2013
    Beiträge:
    7
    Danke erhalten:
    0
    Danke vergeben:
    1
    #2 dev.toy, 25. November 2013
    Zuletzt bearbeitet: 25. November 2013
    Moin, mein erster post und direkt am leichenfleddern :)
    Meine frage zu diesem alten thema: mit ipad funktioniert das so nicht,
    Der hintergrund scrollt auf diese weise mit, und bei anderen herangehensweisen fixiert er den komplettenshop, hab schon einige varianten mit css durchprobiert, doch ich komm nicht am wrap.shop vorbei..

    Es müsste wohl eine lösung sein in der ich für den hintergrund und den darüberliegendem content 2 verschiedene angaben habe.
    Hintergrung fixed, content scrollbar..

    Hat jemand schonmal auf ios optimiert, danke euch schonmal.


    Matze
     
  3. gerhardkammerer

    gerhardkammerer Erfahrener Benutzer

    Registriert seit:
    16. Oktober 2011
    Beiträge:
    83
    Danke erhalten:
    7
    Danke vergeben:
    22
    Hallo Moritz, gibt es so eine einfache Lösung den Hintergrund zu fixieren auch für das Gambio Template? Oder muß ich das selber wieder chirurgische Eingriffe in die Programmierung machen?

    vg
    Gerhard
     
  4. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    Registriert seit:
    22. September 2011
    Beiträge:
    31.074
    Danke erhalten:
    6.132
    Danke vergeben:
    1.085
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    der css code dürfte der selbe sein. ggf. ist nur das Bild in einem anderem class oder id hinterlegt. Der CSS Befehl ist aber der selbe musst nur auf die richtige id / class anwenden.
     
  5. gerhardkammerer

    gerhardkammerer Erfahrener Benutzer

    Registriert seit:
    16. Oktober 2011
    Beiträge:
    83
    Danke erhalten:
    7
    Danke vergeben:
    22
    Das geht jetzt für mich in die Chirurgie, "id/class", da kenn ich mich nicht aus.
    Hab gelesen das das Gambio Template nicht mehr weiterentwickelt wird, so muß ich auf das EyeCandy wechseln. Wenn ich jetzt das EyeCandy aktiviere, ist das so ohne schwierigkeiten möglich oder kommen da probleme auf mich zu. Ich such jetzt schon ewig im Forum u. find nix. Gibt es da Erfahrungen. Ich hatte das Gambio Template so lange behalten da das EyeCandy die funktionen die ich benötigt habe nicht unterstützt hat, z.B. GX Customizer u. so.

    Grüße
    Gerhard
     
  6. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    Registriert seit:
    22. September 2011
    Beiträge:
    31.074
    Danke erhalten:
    6.132
    Danke vergeben:
    1.085
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    Wie kommst darauf das das nciht unterstützt wird im EC-Template?
    Gerade da werden alle Funktionen unterstützt. Und bei uns sind die customizer Daten bei allen Foto-Geschenken dabei.
     
  7. gerhardkammerer

    gerhardkammerer Erfahrener Benutzer

    Registriert seit:
    16. Oktober 2011
    Beiträge:
    83
    Danke erhalten:
    7
    Danke vergeben:
    22
    Den Customizer gibt es doch noch nicht all zu lange, und wie er damals eingebaut wurde (Version 2.0.08) stand mit dabei das er im EC Template noch nicht unterstützt wird, beim Slider war umgekehrt soweit ich es noch in erinnerung habe, müßte mich sehr täuschen wenn es nicht so gewesen war.
    Deshalb hatte ich mich damals für das Gambio template entschieden.

    Jetzt funktioniert alles überall. Jetzt bin ich auf 2.0.14. und sollte in das EC wechseln :). Deshalb meine Frage ob es da probleme geben kann wenn man einfach wechselt?

    vg
    Gerhard
     
  8. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    Registriert seit:
    22. September 2011
    Beiträge:
    31.074
    Danke erhalten:
    6.132
    Danke vergeben:
    1.085
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    testshop testen, design anpassen :)
     
  9. macDoe

    macDoe Aktives Mitglied

    Registriert seit:
    2. Januar 2014
    Beiträge:
    42
    Danke erhalten:
    8
    Danke vergeben:
    5
    wenn du noch
    background-size: 100%;
    reinpackst scalt das hintergrundbild auch noch mit ;)
    ansonsten verschiebt sich das wenn der Browser skalliert wird.

    es grüßt
    der Frank
     
  10. Steffen (indiv-style.de)

    Steffen (indiv-style.de) G-WARD 2013/14/15/16

    Registriert seit:
    30. Juni 2011
    Beiträge:
    5.143
    Danke erhalten:
    1.466
    Danke vergeben:
    452
    Beruf:
    Systemadmin, Webentwickler bei Indiv-Style
    Ort:
    PhpStorm
    Wenn schon dann: background-size: 100% auto; ;)
     
  11. macDoe

    macDoe Aktives Mitglied

    Registriert seit:
    2. Januar 2014
    Beiträge:
    42
    Danke erhalten:
    8
    Danke vergeben:
    5
    #11 macDoe, 13. Mai 2014
    Zuletzt bearbeitet: 13. Mai 2014
    Hi Dennis

    in der Version 2.0.15.0 reagiert der Browser merkwürdigerweise nicht mehr darauf und skalliert das Hintergrundbild nicht.
    Sieht scheisse aus :/

    Habs im usermod stehen und testweise auch mal in die stylesheet.css gepackt... aber der Büttel weigert sich einfach.
    Ne Idee dazu?

    cheers
    mac

    Edit : Wenn man den Stylemanager einmal startet und den BG Kram speichert klappst wieder...
    Aber nur solange der Stylemanerg aktiv ist. Danach ist wieder Banana ;/
    Da hüpft mir ein ? aussen Gesicht...
     
  12. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    10. August 2012
    Beiträge:
    1.554
    Danke erhalten:
    455
    Danke vergeben:
    96
    Kann man sich das iwo live anschauen? Vllt. passt die Priorisierung in der Version nicht mehr oder sowas in der Art,
     
  13. macDoe

    macDoe Aktives Mitglied

    Registriert seit:
    2. Januar 2014
    Beiträge:
    42
    Danke erhalten:
    8
    Danke vergeben:
    5
    Habs gefunden...
    Bin halt nicht sooo die CSS Fachmanfau ;)

    body{ background-image...
    statt
    body .wrap shop{ backgroung-image...

    Denn geht es wieder ganz normal.

    Warum das allerdings mit der 2.0.14.4 gefunzt hat und warum es in 2.0.15.0 funktionierte solange der StyleEdit aktiv war -- keen Schimmer :)


    cheers
    mac
     
  14. nummersieben

    nummersieben Erfahrener Benutzer

    Registriert seit:
    18. Oktober 2014
    Beiträge:
    89
    Danke erhalten:
    2
    Danke vergeben:
    2
    Hallo,

    ich habe das Problem, dass bei meinem Hintergrund die hälfte fehlt. Wie bekomme ich das füllend hi, damit es auf jedem Monitor gleich sichtbar ist?

    Vielen Dank
     
  15. Steffen (indiv-style.de)

    Steffen (indiv-style.de) G-WARD 2013/14/15/16

    Registriert seit:
    30. Juni 2011
    Beiträge:
    5.143
    Danke erhalten:
    1.466
    Danke vergeben:
    452
    Beruf:
    Systemadmin, Webentwickler bei Indiv-Style
    Ort:
    PhpStorm
    mit

    background-size: 100% auto;
     
  16. nummersieben

    nummersieben Erfahrener Benutzer

    Registriert seit:
    18. Oktober 2014
    Beiträge:
    89
    Danke erhalten:
    2
    Danke vergeben:
    2
    Hallo,

    bei mir ist folgendes im Style Edit unter weitere Einstellungen CSS hinterlegt:
    body
    {
    min-height: 100%;
    width: 100%;
    }

    Das sieht zu sehr gezoomt aus.

    Können Sie mir den kompletten Inhalt zusenden vom CSS, wie es hinterlegt sein muss?
     
  17. MP Solution

    MP Solution Erfahrener Benutzer

    Registriert seit:
    2. Oktober 2013
    Beiträge:
    2.945
    Danke erhalten:
    456
    Danke vergeben:
    93
    Wie schon von Steffen beschrieben, den Wert im CSS eingeben. Einfach den Befehl
    PHP:
    background-size100auto;                         
    über den Wert min-height: 100%; eingeben und das war es auch schon. Eine Designsicherung vorher vornehmen.
     
  18. Stieger

    Stieger Erfahrener Benutzer

    Registriert seit:
    18. September 2015
    Beiträge:
    162
    Danke erhalten:
    2
    Hallo zusammen

    Wäre es möglich das Ihr mir da eine genaue Anleitung schreibt für die neuste Shop Version (2.5.1.0)
    Also welche Datei man in welchen Ordner kopieren muss und welche Änderungen man dann manuell durchführen sollte?

    Vielen Dank euch für die Hilfe. Ich denke dieses Thema interessiert noch so manchen Gambio User.

    lg Thomas
     
  19. it-las

    it-las Mitglied

    Registriert seit:
    15. März 2013
    Beiträge:
    16
    Danke erhalten:
    1
    Danke vergeben:
    8
    hallo, ich bin irgend wie zu unwissend.
    ich habe die datei mit diesem inhalt
    body {background-attachment:fixed; background-size:100% auto}
    in das verzeichnis kopiert und nix.
    v2.4.0.0 ist im einsatz.
    danke schön.
    andreas
     
  20. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.452
    Danke erhalten:
    11.255
    Danke vergeben:
    1.606
    Hallo Andreas,

    gehe bitte mit Deinem FTP-Programm in das Verzeichnis
    template/ EyeCady/ usermod/ css/ _samples/
    da liegt eine Datei namens
    fixed_background.css
    diese Datei kopierst Du in das Verzeichnis
    template/ EyeCady/ usermod/ css/
    Anschließend leerst Du die Cache im Shop und Browser.