Layout ist eine Katastrophe + Slidervorstellung auf Startseite

Thema wurde von Anonymous, 30. August 2023 erstellt.

  1. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    12. März 2015
    Beiträge:
    312
    Danke erhalten:
    11
    Danke vergeben:
    100
    #1 Anonymous, 30. August 2023
    Zuletzt bearbeitet: 30. August 2023
    Huhuu Ihr Lieben,

    habe ein wenig unsere Startseite aufgeräumt, um bald mit den Image-Maps zu beginnen. Danach habe ich auf einigen Endgeräten die Ansicht kontrolliert. Die Ansicht ist auf einem breiten PC-Bildschirm ist genau so, wie wir das wünschen: breit, viel Platz, übersichtlich, ... Wird auf einem anderen PC-Bildschirm dieser nur ein wenig in der Breite schmaler, so fängt die Katastrophe an: alle 4 Footer (Spalten) stehen nun gleichzeitig nebeneinander und untereinander - eben durcheinander. Die Vorstellung "wer wir sind und was wir machen" auf der Hauptstartseite macht sich selbstständig und wird an die Bildschirmbreite angepaßt... Und zum guten Schluss ist die Ansicht auf dem Mobilphones nicht mehr zu gebrauchen... Ich glaube jedoch, daß das schon immer so war; nur aufgefallen ist es mir nicht :-(

    Ich sehe den Wald vor lauter Bäumen nicht mehr und brauche deine Hilfe. Schaue gerne einmal rein, sage deine Meinung und bitte auch, was ich wie verbessern kann mit Lösungsvorschlag.
    Unsere Kundschaft ist im Durchschnitt 65+ und dadurch sollte unser Shop einfach, statisch und intuitiv bedienbar sein (unser Erfahrungwert der letzten 20 Jahre). Wir sind auch bereit ein anderes Theme zu nehmen, wenn der Aufwand gering bleibt und die ÜBersicht noch einfach gestaltet werden kann.

    Für die kommenden Image-Maps stelle ich mir folgendes vor. Der jetztige Text auf der Startseite verschiebt sich in "Über uns" und macht Platz für folgendes...
    Auf der Startseite sollen mehrere Slider mit der jeweiligen Katagorie der Sprengzeichnungen untereinander sein. Die Idee ist (weil es viele Sprengzeichnungen werden) diese übersichtlich nach Oberbegriffen in einen Slider zu packen. So entstehen auf der Startseite mindestens 9 verschiedene untereinanderstehende waagerechte Slider mit verschiedenen Katagorien.
    Eigentlich wollten wir anfangs die Oberbegriffe mit einem stellvertretenen Bild auf die Startseite statisch stellen (auch in einer erkennbaren Bildgröße), was aber die Länge der Startseite unendlich macht und das scrollen dadurch läßtig werden kann... Der Slider ist sicherlich eine gute Lösung, um die Suche schnell und zügig zum Erfolg zu bringen: Oberkategorie - Unterkategorie - Zeichnung mit gesuchtem Teil - Teil angeklicken - gekauft... So die Vorstellung ;-)
    Mir machen auch noch die Einstellung der "Slider" grundsätzlich zu schaffen und bin der Meinung, daß das im Handbuch schlecht beschrieben ist...

    Freue mich sehr über deine Meinung und auch dein Verbesserungsvorschläge mit Lösungen.

    Hier unsere Website www.treffpunkt-citron.de

    Dankeschön :)
    Liebe Grüße;
    Britta
     
  2. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    1.759
    Danke erhalten:
    704
    Danke vergeben:
    254
    eventuell passt die Spaltenaufteilung im StyleEdit nicht.
    upload_2023-8-30_16-44-25.png
    Wenn du hier die einzelnen öffnest muss die Summe immer 12 ergeben.
     
  3. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    1.759
    Danke erhalten:
    704
    Danke vergeben:
    254
    #3 Anonymous, 30. August 2023
    Zuletzt bearbeitet: 30. August 2023
    Im Footer kannst auch die Spalten der einzelnen Footer-Spalten einstellen:
    upload_2023-8-30_16-47-42.png

    Hier habe ich in jeder der 4 Spalten diese Einstellung:
    upload_2023-8-30_16-51-11.png
    Dies bedeutet, dass mobil alle Spalten untereinander angezeigt werden. Am Tablet 2 nebeneinander. Und am Desktop alle 4 nebeneinader.
     
  4. stephanfennel

    stephanfennel Erfahrener Benutzer

    Registriert seit:
    29. Oktober 2014
    Beiträge:
    105
    Danke erhalten:
    18
    Danke vergeben:
    38
    Irgendeine Zuweisung stimmt im neuen Theme generell nicht. Das an sich unveränderbare Footer-Menü "SHOP-INFOS" erscheint (wenn ich Spalten nutze) nun immer in Spalte 2, sollte aber (wie bisher) Spalte 1 sein. Der Content der übrigen Spalten ist im Content-Manager auch nur in Footer Spalte 2, 3 oder 4 eingepflegt. Footer Spalte 1 lässt sich im Conten Manager auch nicht bearbeiten, es wird auch kein Inhalt angezeigt. Trotzdem wird mir im frontend Spalte 2 jetzt als 1. Spalte angezeigt. Und ich finde keine Möglichkeit, das zu ändern. tourershop24.de
     
  5. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    12. März 2015
    Beiträge:
    312
    Danke erhalten:
    11
    Danke vergeben:
    100
    Hallo meine Liebe, genau die gleichen Einstellungen haben wir auch. Du beschreibst das genau so, wie wir das auch haben "Dies bedeutet, dass mobil alle Spalten untereinander angezeigt werden. Am Tablet 2 nebeneinander. Und am Desktop alle 4 nebeneinader."
     
  6. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    1.759
    Danke erhalten:
    704
    Danke vergeben:
    254
    Ich schaue jetzt aktuell nur am Handy.
    Euer Footer ist insgesamt sehr groß. Also die Bilder sind sehr groß. Die würde ich kleiner machen.
     
  7. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    12. März 2015
    Beiträge:
    312
    Danke erhalten:
    11
    Danke vergeben:
    100
    das haben wir auch schon bemerkt...
     
  8. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    12. März 2015
    Beiträge:
    312
    Danke erhalten:
    11
    Danke vergeben:
    100
    werde ich ändern :)
     
  9. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    12. März 2015
    Beiträge:
    312
    Danke erhalten:
    11
    Danke vergeben:
    100
    schau mal, habe die Bilder im Footer kleiner gemacht
     
  10. DKG - Die Kleine Geschenkidee (Peter)

    Registriert seit:
    2. Oktober 2017
    Beiträge:
    313
    Danke erhalten:
    160
    Danke vergeben:
    106
    Hey,

    hab das gerade einmal überflogen.
    Statt viel Arbeit in Bilder per Hand verkleinern zu stecken,
    solltet ihr
    a) wissen das gambio Bootstrap Version 3 verwendet
    b) das es dort css Klassen gibt, welche Euch die Arbeit abnehmen

    Hier der Link dazu:
    https://getbootstrap.com/docs/3.4/css/#images-responsive

    Zusätzlich zu der Klasse "img-responsive"
    kann man dann noch z.B.
    Code:
    style="max-width: 100px !important;"
    nutzen.
    Oder man nutzt eine Prozentangabe.
    Wichtig ist das !important, damit es zuverlässig nach Euren Vorgaben angezeigt wird und abweichende Werte überschreibt.

    Und man kann Grid im Grid verwenden,
    also in der im StyleEdit vordefinierten Grid-Spalte ein Sub-Grid einbauen.
    Dafür muss man sich hiermit auseinandersetzen:
    https://getbootstrap.com/docs/3.4/css/#grid


    LG
    Peter
     
  11. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    1.759
    Danke erhalten:
    704
    Danke vergeben:
    254
    ich sehe am Desktop 2 nebeneinander.
    So sehe ich deinen Shop am Laptop:
    upload_2023-8-31_10-51-49.png

    Deine 2. Footer-Spalte würde ich "weniger machen". Entweder nur Text oder nur Bilder. Oder in den Footer-Header... und dort alles nebeneinander.
    Die Bilder der Zahlungsarten würde ich auch kleiner machen und nebeneinander.

    "Alles unter einem Dach

    Ersatzteile
    Fachwerkstatt
    Fahrzeuge
    Beratung" <-- dies könntest du auch in den Footer-Header schreiben.

    Welchen Footer verwendest du?
    Du könntest auch den individuellen verwenden. Da bist nicht an die Spalten gebunden und kannst auch Text über die ganze Breite schreiben. Zb. über oder unter den Spalten.
     
  12. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    6. Dezember 2016
    Beiträge:
    362
    Danke erhalten:
    212
    Danke vergeben:
    164
    Hallo @Brittchen, ich finde auch ihr solltet den Footer kleiner machen. da ist man nur am Scrollen.

    Die eigentlichen Bilder auf der Startseite finde ich zu klein, dafür sind die im Footer zu groß.
    Ich würde nur Textzeilen in den Footer setzten, die mit Links auf Content-Seiten führen und da kann man die ganzen Logos reinpacken.

    Macht mehr Werbung für Euch.
    Macht auf der Startseite mehr Bilder von Euch rein und macht dafür weniger Werbungen für all die Innungen und Handelskammern.
    Arbeitet mehr mit Farben. Unterteilt die Bereiche. Das lockert auf und ihr kommt von dem 70er-Jahre-Look weg.

    Und wie schon oben angesprochen, mehr mit dem Grid-System arbeiten.
    Gerade bei den Bildern mit den Texten sieht das nicht schön aus, da sind die Texte direkt rechts neben das Bild dran geklatscht.

    Was ihr da macht, ist ein tolles Thema, da kann man was draus machen.
     
  13. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    1.759
    Danke erhalten:
    704
    Danke vergeben:
    254
    #13 Anonymous, 31. August 2023
    Zuletzt bearbeitet: 31. August 2023
    schau mal im Style Edit bei Bereiche > Allgemein > Layout
    welche maximale Breite hast du hier drin?
     
  14. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    1.759
    Danke erhalten:
    704
    Danke vergeben:
    254
    welches Layout hast du für deinen Footer verwendet?
     
  15. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    1.759
    Danke erhalten:
    704
    Danke vergeben:
    254
  16. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    12. März 2015
    Beiträge:
    312
    Danke erhalten:
    11
    Danke vergeben:
    100
    Vielen lieben Dank für deine / eure Hilfe.
    Als erstes haben wir einmal den Footer aufgeräumt und ja, dieser war wirklich wuselig.
    Schau mal rein, wie es jetzt gefällt...
    https://www.treffpunkt-citron.de/de/

    Bin gespannt ;-)
    Liebe Grüße und schönen Abend :)
     
  17. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    1.759
    Danke erhalten:
    704
    Danke vergeben:
    254
    Es wird besser :)
    Die Icons würde ich alle gleich groß machen. PayPal und dpd sind größer als die anderen 3.

    Und ich sehe deinen Shop immer noch sehr schmal. Der Footer ist 2 Spaltig übereinander.
    Hast du denn hier den Shop schon breiter gemacht:
    Was steht da bei dir?
     
  18. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    12. März 2015
    Beiträge:
    312
    Danke erhalten:
    11
    Danke vergeben:
    100
    Das steht bei uns drin:
    upload_2023-9-1_22-18-32.png
     
  19. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    12. März 2015
    Beiträge:
    312
    Danke erhalten:
    11
    Danke vergeben:
    100
    Zur Überschrift: Slidervorstellung auf der Startseite

    wir möchte gerne mehrere Slider untereinander auf die Startseite setzen. So soll das sinngemäß aussehen:

    upload_2023-9-7_19-26-45.png

    Hintergrund ist, daß wir die Sprengzeichnungen (auch Schnitt- oder Exposionszeichnung genannt) zum einfacheren Verständnis für den Laien aufgebereitet haben, damit dieser seine Wunschartikel einfacher findet.
    Hat Kunde sein Wunschartikel in Zeichnung gefunden, so kann er diese anklicken und wird auf eine ImageMap weitergeleitet....
    Wir glauben, daß dieses Einkaufserlebnis zu einer schnellen und zügigen Bestellung führt - ohne lange über Suchbegriffe suchen zu müssen. Die tägliche Erfahrung hat gezeigt, daß wir zwar alle das Gleiche meinen, jedoch beschreibt es jeder anders => Chaos perfekt.

    Wie bekommen wie die Slider so auf die Startseite?
    Wie können wir das umsetzen?
    Die Slidererklärung im Handbuch paßt nicht ganz zu dem, was wir vorhaben... Auch soll der Slider starr sein und nicht automatisch "laufen". Der Kunde soll aktiv damit scrollen. So können wir ihn auch länger auf unserer Seite halten...

    Merci im Voraus für eine Lösung.
    Viele Grüße wünscht Britta
     
  20. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    1.759
    Danke erhalten:
    704
    Danke vergeben:
    254
    Slider gibt es im Style Edit nur als Produktslider.
    Wenn du einen Bilder-Slider möchtest, brauchst einen eigenen HTML Code mit Javascript-Code dazu. (der dazu noch unterschiedlich auf den verschiedenen Bildschirmen funktionieren muss)