Darstellung von Preise und Tarifen

    Hallo,

    hat jemand eine Anleitung, wie man z.B. ein Tarifübersicht / Preisübersicht im ZP bauen kann.

    So ähnlich wie die Preis-Leistungsübersicht auf der ZP-Seite, siehe Screenshot.

    In unserem Falle würden 2 Spalten ausreichen.

    Danke für Eure Unterstützung.

    Hallo Mario,

    danke! Die Codeschnipsel sind cool!.

    Trotzdem ist es mir noch nicht ganz klar, wie ich die Linkbox dazu bekomme, dass die Überschrift farbig hinterlegt ist und vielleicht auch mehr wie eine Zeile Text hat.

    Idee??

    LG

    Thomas

    Hallo Thomas,

    vielleicht gibt es eine elegantere Lösung, aber:

    • erstelle Grafiken die Dein Titel oben beschreiben (im Beispiel der ZP Preisliste "Home", Express", "Business" und "Pro")
    • erstelle eine Linkbox wie von Mario empfohlen
    • Bringe die Inhalte "formschön" (passend für die gewünschte Breite) im Inhaltsbereich unter
    • Importiere die dazupassende Grafik und lasse in den Optionen die Bildposition "Oben"

    Nach dem Schließen der Linkbox passt Du die Breite noch an und dann hast Du ein Aussehen was ziemlich dem der ZP Preisliste entspricht.

    Grüße

    Norbert

    Corsita Resort Koh Mak

    @ Norbert: Danke, das scheint mir eine Lösung zu sein. Ich muss dann nur hinbekommen, dass die Graphik (mit der Schrift) auch auf Mobile skaliert -> also entsprechend kleiner dargestellt wird. Das muss ich einfach ausprobieren

    Claus: Die Idee mit dem Divider in der Linkbox ist auch eine Lösung. Ich kann aber hier nicht den "Kopf" farblich hinterlegen.

    @ZP: Das wäre doch ein tolles neues Widget :) für die nächste Version.

    Danke und liebe Grüße

    Thomas

    Hallo Thomas,

    ich habe diesen Thread zum Anlass genommen, eine ähnliche Preistabelle auf unserer Seite aufzuhübschen. Siehe hier.

    Ist nicht so schön wie die von Claus, aber ich habe es vorgezogen Text zu haben (der von Google gefunden wird) statt ein Bild. Daher die Möglichkeiten etwas begrenzt.

    Da sind keine Links auf den Linkboxen. Das ist erstmals so gewollt.

    PS: was meinst Du mit "tolles neues Widget". Welches?

    Grüße

    Norbert

    Corsita Resort Koh Mak

    Hallo Norbert,

    das sieht doch gut aus :)

    Mit tolles neues Widget meinte ich, dass ich das mal in der "Wunschliste" für eine zukünftige ZP-Version eintrage.

    Es gibt bestimmt viele User da draussen, die eine Vorlage (Widget) oder Baustein für die Darstellung von Preisen und Tarifen brauchen können.

    Liebe Grüße

    Thomas

    Hallo Thomas,

    wie Norbert das umgesetzt hat, finde ich schon sehr gut. Bei Deiner Variante ist es leider so, dass sämtlicher Text quasi als Grafik in den Boxen hinterlegt ist, welchen Suchmaschinen aber nicht "lesen" können. So gehen dann für diese wichtige Informationen verloren - im Gegensatz zu Norberts Variante.

    Bleib(t) gesund!

    Beste Grüße Jörg


    ---

    Ich nutze Zeta Producer Business / Windows 11 (jeweils aktuellste Version)

    Ihr könnt das auch mit Inline-CSS lösen. BEISPIEL

    Einfach die Linkbox wie gewünscht (Ohne Überschrift) erstellen. Anschließend das Textfenster auf HTML umstellen und dem Quelltext folgendes voranstellen und anpassen.

    Code
    <div style="padding-bottom: 15px; padding-top: 15px; padding-left: 15px; margin: -25px; padding-right: 15px; background-color: #660000; text-align: center"><span style="color: #ffffff; font-size: x-large"><strong>Beispiel</strong></span></div>

    Hierbei den Wert margin: -25px; an den Wert Optionen > Innenabstand anpassen.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden