Preisliste - Paketvergleiche als Responsive Design

[Nerion]

Hallo,

ich möchte 3-4 Pakete nebeneinander als Vergleich gegenüber stellen. Derzeit mache ich dies mit Tabellen, was jedoch für Responsive Design überhaupt nicht funktioniert, es sieht einfach nicht mehr schön auf, auf einem kleinen Smartphone-Bildschirm.
Im Internet haben wir das hier gefunden.

https://demo.rocksolidthemes.com/con...pricing-tables

Das wäre genau das, was ich suche.
Kennt jemand so eine Erweiterung? Wie bekomme ich derartiges hin?

Danke

[Socki]

Hallo, das sind section mit unsortierten Listen.
Schnapp dir zb Firebug und schau dir die Elemente sowie das CSS an.

Das responsive bekommst natürlich mit media queries hin.

Aber wieso nutzt du das von rocksolidthemes nicht gleich?

LG

[Nerion]

Habe dort schon angefragt, ob man das Preislisten Modul extra kaufen kann.
Ich habe das Swissy von denen, aber das hat kein Preislisten Modul.

Kompletter Wechsel auf TAO wollte ich eigentlich nicht machen, da sehr viel Arbeit.

[mlweb]

So wie ich das sehe ist das Bestandteil des entsprechenden Themes bei Rocksolid.

So etwas kann man aber auch gut selbst bauen. So spontan würde ich dafür flexbox und mediaqueries einsetzen.
Im Beispiel ist es mit float und mediaqueries umgesetzt.

[Socki]

Habe dort schon angefragt, ob man das Preislisten Modul extra kaufen kann.
Ich habe das Swissy von denen, aber das hat kein Preislisten Modul.

Kompletter Wechsel auf TAO wollte ich eigentlich nicht machen, da sehr viel Arbeit.

Achso, ja dann selber zusammen schrauben. :-)

Mit float lässt sich das einfach realisieren.

[Andreas]

Als Basis wird dort die Erweiterung rocksolid_custom_elements benutzt. Damit erstellst du dir ne einfache Eingabemaske für diese Sections. Wenn die alle die gleiche Höhe haben, kannst du am einfachsten mit Float arbeiten, sonst Flexbox.

[Nerion]

Habe es jetzt mit Rocksolid Columns realisiert und etwas CSS-Anpassungen.
Danke für die Hilfe hier.