Anzeige im Responsive Design

Thema wurde von michellew, 29. März 2017 erstellt.

  1. michellew
    michellew Erfahrener Benutzer
    Registriert seit:
    28. November 2013
    Beiträge:
    190
    Danke erhalten:
    6
    Danke vergeben:
    79
    Hallo, ich schaue gerade nach, wie der Shop auf den verschiedenen Endgeräten angezeigt wird.

    Auf dem Smartphone sind die Bilder auf der Startseite bei den Empfehlungen ganz klein und nicht gut zu erkennen.

    Die neuen Artikel da drunter, werden normal angezeigt. Auch die Infoseiten, etc. werden ganz normal angezeigt.

    Welche Größe muss mein Logo für das Smartphone haben? Das Logo ist zwar gut zu erkennen, aber, doch etwas zusammengequetscht, mit den Bildern.


    Welche Mengenbegrenzung der Artikel sollte ich haben? Auf dem PC werden jeweils 5 Artikel nebeneinander angezeigt, ist das schon zuviel?

    Welche Einstellungen muss ich vornehmen?
     

    Anhänge:

  2. michellew
    michellew Erfahrener Benutzer
    Registriert seit:
    28. November 2013
    Beiträge:
    190
    Danke erhalten:
    6
    Danke vergeben:
    79
    Ich bin aber im Style-Edit, ich glaube, dass Honeygrid ist nicht installiert?
     
  3. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Nutzt Du die Vorschau vom Style Editor?
    Die ist da nicht so exakt.
    Ich schau mir so etwas mit dem "reponsiv-Tool" von Chrome an, Firiefox hat so etwas aber auch.

    Was die Anzahl angeht, kommt es darauf an wie Breit Deine ganzen Einstellungen sind.
    Wenn das bei 5 Artikeln gut aussieht, kannst Du das lassen.
    Aber auf dem Tablet und Smartphone würde ich weniger einstellen.

    Wenn der Style Editor ein Streifen an der rechten Seite ist und Du da die Ansicht auf Smartphone einstellen kannst, hast Du auch Honeygrid.
     
  4. michellew
    michellew Erfahrener Benutzer
    Registriert seit:
    28. November 2013
    Beiträge:
    190
    Danke erhalten:
    6
    Danke vergeben:
    79
    Hallo Barbara,

    ich nutze die Vorschau vom Style Edit. Ich schaue es mir gleich auch mal über das Tool an.


    Auf dem PC sieht es mit den 5 Artikeln gut aus.
    Wo stelle ich die Anzahl der Artikel für die Smartphoneanzeige genau ein?
     
  5. michellew
    michellew Erfahrener Benutzer
    Registriert seit:
    28. November 2013
    Beiträge:
    190
    Danke erhalten:
    6
    Danke vergeben:
    79
    Bzw. welche Größenangaben muss ich dort eintragen?
     
  6. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Im SE unter Produkte -> Produktliste
    Ich meine an der Stelle schreibst Du die Anzahl der Artikel rein, die da erscheinen sollen
     
  7. michellew
    michellew Erfahrener Benutzer
    Registriert seit:
    28. November 2013
    Beiträge:
    190
    Danke erhalten:
    6
    Danke vergeben:
    79

    Ich bin jetzt über Firexfox in einem Tool, es sieht gar nicht so übel aus, wie es im Style Editor dargestellt wurde.

    Ich denke, man kann es so lassen. Das einzige, was etwas zusammengequetscht ausschaut, ist das Logo beim Smartphone Portrait Mobile (320x480px)

    Vielleicht muss ich für diese kleine Anzeige doch noch andere Pixelgrößen eintragen?
     
  8. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Ich denke, da wirst Du die Gridspalten auch anpassen müssen.
    Was Du da genau eintragen müsstest, damit das Logo gut aussieht, kann ich Dir so aus dem Kopf nicht sagen.
    Dazu müsste man den Shop sehen.
     
  9. michellew
    michellew Erfahrener Benutzer
    Registriert seit:
    28. November 2013
    Beiträge:
    190
    Danke erhalten:
    6
    Danke vergeben:
    79
    Ich probiere mal ein paar Einstellungen aus, vielleicht gelingt es mir. Im Moment kann der Shop noch nicht online gehen, ich hoffe, aber bald.
     
  10. michellew
    michellew Erfahrener Benutzer
    Registriert seit:
    28. November 2013
    Beiträge:
    190
    Danke erhalten:
    6
    Danke vergeben:
    79
    Ich hatte hier bei einem Beitrag mal gelesen, beim Content, Bilder für die responsive Anzeige, da muss man auch bei dem Bild dazu hinterlegen, dass es dafür angezeigt werden soll? Da gibt es doch eine bestimmte Formel?
     
  11. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Die ist im Logo aber schon bei.
    Wenn das Logo nicht genug Platz hat, wird es verkleinert, bis es in die Fläche passt.
    Soll das bild Größer, muss es mehr Platz bekommen.
    Doch Vorsicht, gibst Du dem Logo eine Gridspalte mehr, muss die an einer anderen Stelle weggenommen werden.,
     
  12. michellew
    michellew Erfahrener Benutzer
    Registriert seit:
    28. November 2013
    Beiträge:
    190
    Danke erhalten:
    6
    Danke vergeben:
    79
    Ich lasse es jetzt erstmal so, wie es ist, ich glaube, je mehr ich da ändere, umso schlimmer wird es. Es ist so jetzt erstmal ok mit der Anzeige.
     
  13. tierurnen-profi.de
    tierurnen-profi.de Erfahrener Benutzer
    Registriert seit:
    5. Januar 2017
    Beiträge:
    178
    Danke erhalten:
    34
    Danke vergeben:
    38
  14. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    So etwas haben Chrome und Firefox doch integriert.
    Einfach die Taste "F12" drücken und auf das Monitor/Handy Symbol klicken.