Header einrichten

Dieses Thema im Forum "StyleEdit" wurde erstellt von petratrefflich, 11. Dezember 2016.

  1. petratrefflich

    petratrefflich Erfahrener Benutzer

    Hallo zusammen

    ich möchte meinen Header so wie im Testshop 1 gestalten, habe alles wie im Handbuch eingerichtet
    wo liegt mein Denkfehler, was habe ich vergessen zu ändern , denn es werden die Gütesiegel oben nicht angezeigt
    es wird immer nur das Shoplogo angezeigt

    Über etwas Hilfe wäre ich sehr dankbar

    MfG petra

    mein shop:www.bastel-schultüten-paradies.de
     
  2. bt012ss

    bt012ss Erfahrener Benutzer

    Moin,

    log dich im Testshop mal ein, geh in den Styleeditor unter "Header" und vergleiche mal mit deinem System.
    Da wirst du die Unterschiede dann schon sehen.
    Mit deinem großen Logo was ich da sehe wird das so eh nicht funktionieren.
    Das müßtest du als Hintergrund für den Header verwenden und die anderen Sachen drüber legen.
    Ob das schön aussieht, ich weiß nicht.
     
  3. petratrefflich

    petratrefflich Erfahrener Benutzer

    das logo sollte dann auch kleiner werden, also müßte ich es kleiner machen
    nur im Header im Content wird alles angezeigt, nur nicht im Shop
    na ja mal sehen

    Danke
    MfG petra
     
  4. barbara

    barbara G-WARD 2014-2020

    Du versuchst gerade Funktionen vom Honeygrid im EyeCandy anzeigen zu lassen.
    Das geht aber nicht.
    Du kannst nur entweder EyeCandy mit den EyeCandy-Funktionen oder Honeygrid mit den Honeygrid-Funktionen.

    Lege Dir einen Testshop an und stelle den auf Honeygrid. Dann kannst Du dort den neuen Style erstellen.
    Wenn alles so ist wie Du möchtest, stellst Du den Shop auf Honeygrid um und überträgst den Style aus Deinem Testshop.
     
  5. petratrefflich

    petratrefflich Erfahrener Benutzer

    ach das sind zweierlei, danke das wußte ich nicht,
    weißt du , ob bei Umstellung auf Honeygrid die dreispaltige Ansicht bleiben kann, oder muß ich dann alles ändern

    MFg Petra
     
  6. bt012ss

    bt012ss Erfahrener Benutzer

    Danke für den Hinweis :)
    Woran erkennt man das auf die Schnelle?

    PS: Sorry Petra :confused:
     
  7. petratrefflich

    petratrefflich Erfahrener Benutzer

    ist ok
    ich lerne auch gern dazu, das würde ich auch gern wissen
    Mfg Petra
     
  8. barbara

    barbara G-WARD 2014-2020

    1. am Newsscroller
    2. die Leiste oben mit Impressum etc. sieht nicht nach Honeygrid aus
    2. es steht im Quellcode :D

    keine Ahnung.
    Aber den Inhalt der Boxen könnte man sehr gut in den Footer packen.
     
  9. petratrefflich

    petratrefflich Erfahrener Benutzer

    da hast du recht , darüber habe ich auch schon nachgedacht ,

    danke
    MfG petra
     
  10. bt012ss

    bt012ss Erfahrener Benutzer

    Das hab ich auch schon versucht zu finden um die Versionen zu unterscheiden, nix gefunden :)
     
  11. Anonymous

    Anonymous G-WARD 2015/2016

    <!--[if IE 6]>
    <link rel="stylesheet" href="templates/EyeCandy/ie6fix/fixes-ie6.css" type="text/css" />
    <![endif]-->
     
  12. bt012ss

    bt012ss Erfahrener Benutzer

    Hhm, das steht auch noch ziemlich weit oben :)

    Danke für den Hinweis ;)
     
  13. Toltekia

    Toltekia Erfahrener Benutzer

    Verstehe ich das richtig, dass man keine Kombination erstellen kann, die folgendermaßen aussehen soll? Header und Footer wie Testshop 1, der Rest wie Testshop 2 (also eingerahmt)? Oder gibt es diese Möglichkeit doch?
     
  14. Torben Wark

    Torben Wark Gambio GmbH

    Gehen tut das schon, nur nicht ohne Anpassungen am CSS und evtl am HTML. Hast du vlt einen entwurf, wie du dir das optisch vorstellst? Dann wäre es einfacher da eine präzise Aussage zu treffen.
     
  15. Toltekia

    Toltekia Erfahrener Benutzer

    Hallo@Torben. Wie soll ich sagen? Einen Entwurf habe ich schon!Aber eher in meiner Vorstellung als "Realgraphisch" wenn du das so meinst. Ich denke mir das folgendermassen. Header und Footer über den ganzen Bildschirm und natürlich anpassungsfähig an die gegebenen Bildschirmgrößen, Header am liebsten fixiert, so dass der auch beim runterscrollen zu sehen ist, der Shop aber in der normalen Breite (shop 2) so dass beim scrollen ein deil des Hintergrunds (fix) ständig zu sehen ist.
    So in etwa:rolleyes:. Was denkst du? Kriegen wir das hin?
     
  16. Torben Wark

    Torben Wark Gambio GmbH

    Ich hab gerade spontan ein wenig im Shop2 rumgefuscht um da mal was zu basteln. Meinst du das in etwas so?
    Bildschirmfoto von »2017-08-14 10-11-56«.png Bildschirmfoto von »2017-08-14 10-12-11«.png
     
  17. Toltekia

    Toltekia Erfahrener Benutzer

    Eigentlich ganz genau so!:) (vorausgesetzt der Header ist fixiert, was ich aus dem Bild nicht gut erkennen kann)
     
  18. Torben Wark

    Torben Wark Gambio GmbH

    Versuch mal folgendes als Eigenes CSS im StyleEdit 3 einzutagen:

    Code:
    #outer-wrapper {
        width: 100%;
        background-color: transparent;
       
        #header {
            background-color: $gx-wrapper-bg;
           
            .inside {
                margin: 0 auto;
               
                @media (min-width: $screen-sm-min) {
                    width: 750px;
                }
               
                @media (min-width: $screen-md-min) {
                    width: 970px;
                }
               
                @media (min-width: $screen-lg-min) {
                    width: 1270px;
                }
            }
        }
       
        #wrapper {
            background-color: $gx-wrapper-bg;
        }
    }
    Das könnte schon ausreichen, für das was du vorhast
     
  19. Toltekia

    Toltekia Erfahrener Benutzer

    @Torben (Gambio)
    Zur Sicherheit noch eine Frage: Wenn ich beim StyleEdit3 eigenes CSS öffne, steht da schon was. Ist es von Bedeutung, wo in dem Feld ( Position), oberer Text eingegeben wird und was macht man mit dem vorhandenen Text?
     
  20. Torben Wark

    Torben Wark Gambio GmbH

    Füg meinen Code einfach unter dem ein, was da schon steht. Das sollte kein Problem sein