Text mit Tabellen Mobile fähig erstellen

Andreas.ch

Gut bekanntes Mitglied
14. September 2007
406
9
Hallo Zusammen

Ich habe auf meiner Startseite einen Text welcher mit Tabellen erstellt wurde (Siehe Anhang).

Wie muss ich den verändern, dass er auf dem Mobile-Template auch gut aussieht? Ich stelle mir vor, dass einfach die einzelnen Spalten alle nacheinander kommen, natürlich auf die Breite vom Mobiletemplate angepasst.
Ich nutze das EVO Template praktisch unverändert (nur Headerfarbe)

PS: Hat jemand eine Idee wieso der Google Chrome die Schrift so komisch darstellt? Ich habe dies auf mehreren Webseiten, ist dies nur bei mir so oder müsste ich die Shop-Schrift ändern, dass der Kunde auch ein cooles Shopping-Erlebnis hat? :)

Vielen Dank!
 

Anhänge

  • Startseite1.jpg
    Startseite1.jpg
    106,6 KB · Aufrufe: 72

boaa-group

Sehr aktives Mitglied
28. Dezember 2007
4.932
9
Thailand, Bangkok
AW: Text mit Tabellen Mobile fähig erstellen

Einfach folgendes

Code:
<div class="row">
<div class="col-xs-12 col-md-4">Text #1</div>
<div class="col-xs-12 col-md-4">Text #2</div>
<div class="col-xs-12 col-md-4">Text #3</div>
</div>

schon hast du den Text am Desktop in 3 Spalten, am Handy und Tables aber untereinander.
 

MichaelH

Sehr aktives Mitglied
17. November 2008
14.264
1.813
AW: Text mit Tabellen Mobile fähig erstellen

Da meint man´s mal gut mit "new style" und bekommt trotzdem Schelte ... :)

Wenn ein Shop modern gemacht ist für Kunden die das schätzen, gefällt mir die KK-Variante eindeutig besser.
 

boaa-group

Sehr aktives Mitglied
28. Dezember 2007
4.932
9
Thailand, Bangkok
AW: Text mit Tabellen Mobile fähig erstellen

Denke aber das eine Responsive Tabelle hier die falsche Wahl wäre. Macht nur Sinn bei Inhalten die unbedingt nebeneinander stehen müssen/sollen wie zB eine Tabelle mit Versandkosten je Land oder ähnliches... beim Content denke ich, dass die Wahl mit den 3 Containern die eleganteste ist.

Die Dropper Variante ist sicher auch eine Option aber "nur dafür" ein Plugin kaufen wo es mit recht simplen HTML selbst gemacht werden kann ist Geldverschwendung und ein kleiner Overkill.
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu JTL GPSR Plugin - Automatischer https://-Prefix trotz HTML-Formatierung im Hersteller-Text Plugins für JTL-Shop 7
Neu Wartungsmodus - Text falsch User helfen Usern - Fragen zu JTL-Wawi 1
Neu Rich Text portlet ändert Links und Bild-URLs Allgemeine Fragen zu JTL-Shop 1
Neu Text-KI soll Duzen Arbeitsabläufe in JTL-Wawi 3
Neu Merkmal-Text im Shop ausgeben ...? Templates für JTL-Shop 0
Wo kann ich diesen Text ändern (Startseite / ganz unten / *Alle Preise inkl. ges. USt) Einrichtung JTL-Shop5 4
Neu Produktdatenmanager:in mit JTL-Erfahrung gesucht (Festanstellung, Raum Bielefeld) Dienstleistung, Jobs und Ähnliches 0
Neu 404-Fehler bei SEO-URLs mit Schrägstrich (/) - trotz Update auf 5.4.1 JTL-Shop - Fehler und Bugs 5
Neu Erfahrung mit dem Anbieter eBakery - kein JTL-Servicepartner mehr! Dienstleistung, Jobs und Ähnliches 1
Neu Ausliefern und Dokumente drucken nur mit WMS Mobile? Arbeitsabläufe in JTL-WMS / JTL-Packtisch+ 1
Neu Welchen Shopify Plan brauche ich um Kundendaten mit JTL abzugleichen? Shopify-Connector 0
VCS-Lite Abgleich mit Amazon funktioniert seit 1.10.10.3 nicht mehr und zerstört so die Rate gültiger Sendungsverfolgungsnummern Amazon-Anbindung - Fehler und Bugs 12
Merkmale mit der Ameise importieren mehr als 10 JTL-Wawi 1.9 1
Hinweis zum Update mit Unicorn 2 JTL-Wawi 1.10 0
Neu Attribute/Merkmale mit eigenen Feldern verknüpfen User helfen Usern - Fragen zu JTL-Wawi 4
Neu Variationsartikel zeigt Varianten mit + x,00 € an Allgemeine Fragen zu JTL-Shop 2
Neu DPD Retourenetikett mit 0 kg Gewicht Eigene Übersichten in der JTL-Wawi 2
Neu Preisauszeichnung Artikeletikett mit QR-Code Link zum Produkt User helfen Usern - Fragen zu JTL-Wawi 2
Neu Struggling mit SCSS und CSS und Kompilieren Templates für JTL-Shop 3
Nach Shopabgleich wird der Auftrag in Wawi immer mit Versandart "Abholung" gesetzt JTL-Wawi 1.9 0
Neu DHL Label erstellen Fehler "Die HTTP-Anforderung wurde mit Clientauthentifizierungsschema "Anonymous" nicht zugelassen." JTL-ShippingLabels - Fehler und Bugs 16
Amazon Bestellungen mit Versandentgelt kaufen im Seller Central automatisch in der Wawi abschließen JTL-Wawi 1.9 0
In Diskussion Workflow: Prüfen ob Artikel mit Fehlbestend nach 48h im Zulauf JTL-Workflows - Ideen, Lob und Kritik 2
Neu Probleme mit Klarna-Cookies Plugins für JTL-Shop 0
Neu Amazon SCX - warum doppelte Einträge in SCX.tCategoryAttribute mit unterschiedlicher nSectionPosition? Schnittstellen Import / Export 0
Neu Übermittlung von Transparency-Seriennummern an Amazon mit JTL-Wawi Amazon-Anbindung - Ideen, Lob und Kritik 0
Fehler beim Abgleich mit Shopify – „Unknown column 'sort'“ & Bildlöschung blockiert Worker Shopify-Connector 1
Neu Restlängen im Shop anzeigen mit Variante Allgemeine Fragen zu JTL-Shop 1
Neu Wechsel von JTL Shop 5 zu Shopware 6 – Wer hat Erfahrung mit kompletter Datenmigration (Kundenlogins, Bestellungen, Gutscheine etc.)? Shopware-Connector 3
Worker und PC mit Microsoft-Account JTL-Wawi 1.9 3
Neu Welche Bank ist 100 % kompatibel mit JTL Zahlungsmodul? Schnittstellen Import / Export 0
Automatische Lagerbuchung mit verschiedenen Barcodes für ein und dasselbe Produkt JTL-Wawi 1.9 2
Neu Shopify FE im Vergleich mit JTL Shop Allgemeine Fragen zu JTL-Shop 0
Neu Amazon Prime durch Verkäufer mit JTL-Wawi verknüpfen Amazon-Anbindung - Fehler und Bugs 1
Neu Problem mit einer VCS lite-Rechnung Amazon-Anbindung - Fehler und Bugs 1
Einen Artikel nur Teilweise gutschreiben, dabei mit Versandkosten verrechnen JTL-Wawi 1.7 0
Kundenkategorien ändern mit Ameise JTL-Wawi 1.9 3
Neu Gastkunde registriert sich bei zweiter Bestellung - und die Wawi bekommt es nicht mit! Shopware-Connector 0
Neu FEHLER mit JTL Shipping und DHL - Empfängerunterschrift wird nicht gebucht JTL-ShippingLabels - Fehler und Bugs 4
Beantwortet Bei "Paket hinzufügen" sofortiger Labeldruck mit neuer Sendungsnummer Arbeitsabläufe in JTL-WMS / JTL-Packtisch+ 0
Neu Benutzer Rechte - Versand Mitarbeiter soll Menge von Freipositionen mit der Lieferscheinerstellung ändern dürfen Arbeitsabläufe in JTL-Wawi 4
Chatbot mit JTL verwenden JTL-Wawi 1.9 3
Keine Verbindung Mit JTL Shop 5 obwohl sync PW und Sync Benutzer in php identisch mit Wawi Einrichtung JTL-Shop5 5
Neu Übernahme JTL Wawi mit Onlineshop und JTL-POS Starten mit JTL: Projektabwicklung & Migration 3
Neu Problem mit der Anleitung bei der Vergabe der Rechte. Installation / Updates von JTL-Shop 2
Rechnungen an ausländischen Lieferanten werden mit 19 % Mwst erstellt JTL-Wawi 1.9 5
Neu Probleme mit Klarna und PayPal Plugins für JTL-Shop 0
Neu ++ Ebay Artikel mit Menge 1 und versch. Variationen ++ Arbeitsabläufe in JTL-Wawi 0
Neu Einrichtung von Versandarten in JTL-Shop und Verknüpfung mit JTL-Wawi Installation / Updates von JTL-Shop 12
Neu Fehlermeldung: Dein Gerät ist nicht mit dieser Version kompatibel Einrichtung / Updates von JTL-POS 0

Ähnliche Themen