Frontend fehler bei Anzeige vom Liveshop

Thema wurde von Pearlfactory, 21. November 2016 erstellt.

  1. Pearlfactory

    Pearlfactory Erfahrener Benutzer

    Registriert seit:
    4. Dezember 2013
    Beiträge:
    111
    Danke erhalten:
    0
    Danke vergeben:
    33
    Auf dem Desktop (großer Monitor) sieht mein Shop normal aus, auf handy und Tablet (android) ebenfalls.
    Auf einem apple IPhone ist er total verschoben ujnd auf einem Laptop ist er auch verschoben UND die Kategorien fehlen komplett!
    Was habe ich falsch gemacht, was muss ich ändern?
    Bitte schnelle Hilfe. www.pearlfactory.de

    danke
     

    Anhänge:

  2. Pearlfactory

    Pearlfactory Erfahrener Benutzer

    Registriert seit:
    4. Dezember 2013
    Beiträge:
    111
    Danke erhalten:
    0
    Danke vergeben:
    33
    anscheinend hat es gereicht, die größe des shoips zu ändern von 1389 auf 1200.
    könnte bitte jemand trotzdem mal über laptop sehen, ob er nun ordentlich angezeigt wird?
     
  3. Anonymous

    Anonymous Beta-Held

    Registriert seit:
    22. März 2015
    Beiträge:
    2.381
    Danke erhalten:
    640
    Danke vergeben:
    414
    Wenn ich mein Browser Fenster unter 1200px verkleinere verschwinden die Kategorien. Irgendwas stimmt an deinem Style noch nicht
     
  4. Anonymous

    Anonymous G-WARD 2015/2016

    Registriert seit:
    20. Februar 2012
    Beiträge:
    8.910
    Danke erhalten:
    1.559
    Danke vergeben:
    1.133
    Dein Main-Bereich ist nicht wirklich responsive...........
     
  5. Pearlfactory

    Pearlfactory Erfahrener Benutzer

    Registriert seit:
    4. Dezember 2013
    Beiträge:
    111
    Danke erhalten:
    0
    Danke vergeben:
    33
    ja, und wie ändere ich das?
     
  6. Anonymous

    Anonymous G-WARD 2015/2016

    Registriert seit:
    20. Februar 2012
    Beiträge:
    8.910
    Danke erhalten:
    1.559
    Danke vergeben:
    1.133
    was hast Du gemacht, dass das nicht so ist???
     
  7. Anonymous

    Anonymous G-WARD 2015/2016

    Registriert seit:
    20. Februar 2012
    Beiträge:
    8.910
    Danke erhalten:
    1.559
    Danke vergeben:
    1.133
    hier kannst Du das schön testen:

    (Link nur für registrierte Nutzer sichtbar.)
     
  8. Pearlfactory

    Pearlfactory Erfahrener Benutzer

    Registriert seit:
    4. Dezember 2013
    Beiträge:
    111
    Danke erhalten:
    0
    Danke vergeben:
    33
    also, ich habe nichts gemacht ^_^ nur die einstellungen im style edit, nach dem masterupdate auf honeygrid umgestellt und mein design aufgebaut.

    alles, was 4:3 format ist, wird falsch angezeigt.
     
  9. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.544
    Danke erhalten:
    11.305
    Danke vergeben:
    1.611
    So auf den 1. Blick stimmen die Grid-Werte für den Haedbereich schonmal nicht. Dadurch rutscht der Warenkorb zu weit nach links.
    Dann hast Du für das Logo eine feste Höhe von 530px, wodurch es so nach unten rutscht und nicht mehr responsive ist.
    Des weiteren hast Du für "#wrapper #main " für alle Bildschirm-Größen eine Brete von 33% - 66%, aber keine Boxen links.
    Dadurch rutscht der main-Breich nach rechts und man findet keine Kategorien.
     
  10. Pearlfactory

    Pearlfactory Erfahrener Benutzer

    Registriert seit:
    4. Dezember 2013
    Beiträge:
    111
    Danke erhalten:
    0
    Danke vergeben:
    33
    #10 Pearlfactory, 22. November 2016
    Zuletzt bearbeitet: 22. November 2016
    hallo barbara, du bist echt immer meine beste hilfe ^_^
    danke, gut...kannst du mir auch helfen, das zu beheben?

    welche grid wertte sollte ich für den headbereich nehmen? und wo finde ich die? ich habe im header selbst keine grid angaben gefunden.
    wie stelle ich das logo ein, dass es responsive ist?
    wo finde ich #wrapper #main und wie ändere ich das?
    das mit den boxen links verstehe ich nicht, denn ich habe meine kategorie-boxen doch links?
     
  11. Futterkisterl-Tirol

    Futterkisterl-Tirol Erfahrener Benutzer

    Registriert seit:
    26. Juli 2014
    Beiträge:
    411
    Danke erhalten:
    29
    Danke vergeben:
    183
    das alles würde mich auch interessieren gg
     
  12. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.544
    Danke erhalten:
    11.305
    Danke vergeben:
    1.611
    Die Grid-Werte kannst Du im Style Editor einstellen
    Grid-Spalten Groß = PC
    Grid-Spalten Medium = Tablet
    Grid-Spalten Klein = Smartphone

    Bei dem Logo bin ich mir nicht sicher, wie / wo Du das eingebunden hast.
    Normaler weise sollte der Shop das automatisch machen.
    Irgendwo hast Du da aber eine Höhe von 530px eingetragen. Wenn ich das mal auf 330px reduziere, wird man nicht mehr so erschlagen - ändert aber nichts an Deinem Problem. :)

    Die Ganze Linke Spalte ist nicht da. Du hast da irgend eine Einstellung eingebaut, die das auf kleineren Monitoren ausblendet.

    Irgendwie hast Du Dich da "verstylt". Denn auch wenn ich mir auf dem PC einen Artikel ansehe, wirkt das nach links gequetscht. Rechts ist dafür 5 cm leere Fläche. (16,6% Linke Spalte + 66,6% Main-Bereich = 83,2% - 16,8% verschenkt)

    Ich würde da noch einmal anfangen, das ist sicher besser und schneller, als tagelang Fehler zu suchen und zu glätten.

    Michael hat da ein Handbuch geschrieben und soweit ich gehört habe (ich habe es selbst nciht gelesen) soll es sehr gut sein.
    (Link nur für registrierte Nutzer sichtbar.)
     
  13. Futterkisterl-Tirol

    Futterkisterl-Tirol Erfahrener Benutzer

    Registriert seit:
    26. Juli 2014
    Beiträge:
    411
    Danke erhalten:
    29
    Danke vergeben:
    183
    Hallo Barbara!

    Danke für den Versuch mir zu helfen ;-)

    Ich weiß schon wo ich das einstellen muss, aber irgendwie ändert sich da bei mir nicht wirklich was, egal ob ich auf Vorschau oder speichern gehe und irgendwie will ich da nicht mehr zu viel experimentieren, bevor ich da wieder alles kaputt mache.

    Habe jetzt schon eine Anfrage im Forum für Webdesigner gestellt :) Ich hoffe da wird mir dann geholfen das ich endlich mit dem Thema abschließen kann.
     
  14. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.544
    Danke erhalten:
    11.305
    Danke vergeben:
    1.611
    Wenn die Werte an anderer Stelle geändert wurden und den Style Editor damit überschreiben, kann man im SE eingeben was man möchte - da passiert dann nicht mehr.
    Ich z.B. habe viele Dinge in meiner eigenen css-Datei, da funktioniert nur noch grob die Hälfte des Style Editors.
    Dadurch ist es für mich schwer zu sagen "stell mal bitte die Schraube oder setzte den Haken".

    Mit hat diese Seite sehr geholfen:
    (Link nur für registrierte Nutzer sichtbar.)
    Da sind viele dinge sehr gut erklärt.
     
  15. Pearlfactory

    Pearlfactory Erfahrener Benutzer

    Registriert seit:
    4. Dezember 2013
    Beiträge:
    111
    Danke erhalten:
    0
    Danke vergeben:
    33
    Barbara, könntest du mir eventuell die grid werte nennen, die ich eintragen müsste, dasses bei einer anzeige von 1024x765 vernünftig aussieht?
     
  16. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.544
    Danke erhalten:
    11.305
    Danke vergeben:
    1.611
    Ich kann Dir sagen wie meine Werte aussehen, ich habe aber nicht das Boxed-Layout.

    Spaltenaufteilung
    groß:
    links: 3
    rechts: 0
    haupt: 9

    medium:
    links: 3
    rechts: 0
    haupt: 9

    klein:
    links: 4
    rechts: 0
    haupt: 8

    Unterkategorien:
    klein: 6
    mittel: 4
    groß: 3

    Bei mir passt das so.
     
  17. Pearlfactory

    Pearlfactory Erfahrener Benutzer

    Registriert seit:
    4. Dezember 2013
    Beiträge:
    111
    Danke erhalten:
    0
    Danke vergeben:
    33
    vielen dank, das ist zumindest ein anhaltspunkt :)