Spalten auf Startseite

Thema wurde von Anonymous, 28. November 2018 erstellt.

  1. Anonymous
    Anonymous Aktives Mitglied
    Registriert seit:
    15. November 2018
    Beiträge:
    26
    Danke erhalten:
    1
    Danke vergeben:
    12
    #1 Anonymous, 28. November 2018
    Hallo,
    ich würde gerne eine "Tabelle" mit mehreren Spalten auf der Startseite unterbringen in 'Content-Manager > Elemente > Startseite > Index', die auf dem Desktop die Spalten nebeneinander und auf dem Smartphone untereinander zeigt.
    Bislang habe ich das einfach mit <TABLE> realisiert, aber das führt halt dazu, dass man auf Smartphones seitlich scrollen muss.
    Kann ich sowas irgendwie realisieren?
    Vielen Dank
    Oliver
     
  2. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.617
    #2 barbara, 28. November 2018
    Schau mal in den Gambio-Testshops, da sind in manchen Artikel-Tabs Tabellen eingefügt, die responsive sind.
    den Quellcode kannst Du Dir dort aus dem Admin kopieren.
     
  3. Anonymous
    Anonymous Aktives Mitglied
    Registriert seit:
    15. November 2018
    Beiträge:
    26
    Danke erhalten:
    1
    Danke vergeben:
    12
    #3 Anonymous, 28. November 2018
    Hallo Barbara,
    danke für den Tipp! Aber ich konnte leider bisher nichts entsprechendes finden. Kannst Du mir sagen bei welchen das z.B. der Fall ist?
    Danke,
    Oliver
     
  4. ReneT
    ReneT Erfahrener Benutzer
    Registriert seit:
    1. Dezember 2016
    Beiträge:
    708
    Danke erhalten:
    232
    Danke vergeben:
    67
    #4 ReneT, 28. November 2018
    die Frage kann man eigentlich nicht pauschal beantworten, da es auf den Inhalt der Tabelle ankommt...

    Beispiel... schau dir mal den Quellcode der Versandkosten Tabelle an und schau dir dann die Tabelle auf dem Handy und PC an.

    Es kommt hier immer drauf an, wie soll die Tabelle in der PC Ansicht aussehen und wie soll es in der mobilen Ansicht aussehen, darum das Beispiel mit der Versandkosten Tabelle (das ist schon eine sehr perfekte Lösung).

    Es gibt auch bei Google unzählige Ergebnisse und Beispiel zu "responsive Tabellen". Oft geht es garnicht ohne passenden CSS Code...
     
  5. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.617
    #5 barbara, 28. November 2018
    Hier ist eine Tabelle, die sich in der Breite anpasst (Spezifikationen):
    (Link nur für registrierte Nutzer sichtbar.)

    Wenn Du die Tabelle teilen möchtest, musst du quasi 2 Tabellen anlegen, für große Monitore nebeneinander, für kleinere untereinander.
     
  6. Anonymous
    Anonymous Aktives Mitglied
    Registriert seit:
    15. November 2018
    Beiträge:
    26
    Danke erhalten:
    1
    Danke vergeben:
    12
    #6 Anonymous, 28. November 2018
    @ReneT
    Perfekt, ja, genau so etwas brauche ich. Mal schauen ob und wie ich das hinbastele.

    @barbara
    Da erkenne ich keinen Unterschied bei der Ansicht Desktop oder Smartphone.
     
  7. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.617
    #7 barbara, 28. November 2018
    Sie ragt nicht über, oder?

    Wie schon geschrieben, wenn du möchtest, dass Mobil die Tabelle geteilt wird, musst Du 2 Tabellen anlegen.
    Das wäre ähnlich wie im Testshop 2 auf der Startseite.
    Da sind 2 Bilder auf dem Desktop nebeneinander, Mobil aber untereinander.

    Du müsstest jetzt also aus beidem eins machen :)