Newsletter im Footer-Header wie im Malibu Testshop

Thema wurde von Anonymous, 11. Januar 2022 erstellt.

  1. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    11. Juli 2021
    Beiträge:
    364
    Danke erhalten:
    154
    Danke vergeben:
    125
    Hallo,

    wie kann ich die Newsletter-Anmeldung, wie auf dem folgenden Screenshot zu sehen, darstellen?
    [​IMG]

    Ich nutze das Malibu Theme (Cloudshop).
    Ich habe den HTML Code in den Footer-Header verfrachtet, aber es sieht halt ganz anders aus.
    Wahrscheinlich fehlt der CSS Code dazu.. weiß jemand wie ich an den Code rankomme?
    Oder gibt es einen direkten einfachen Weg, die Newsletter Anmeldung so aussehen zu lassen, wie im Malibu Testshop von Gambio?

    Vielen Dank im Voraus.
     
  2. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    11. Juli 2021
    Beiträge:
    364
    Danke erhalten:
    154
    Danke vergeben:
    125
    Vielen Dank für die zahlreichen Ratschläge
     
  3. christa_imberi

    christa_imberi Mitglied

    Registriert seit:
    23. November 2020
    Beiträge:
    20
    Danke erhalten:
    5
    Hallo O.C.

    habe im Content Manager bei Footer Kopfzeile als HTML eingetragen: (DE)

    <form action="newsletter.php" class="form-horizontal" method="post">
    <div class="col-xs-12 col-md-3 col-lg-3">
    <p class="heading">
    <span style="color:#FFFFFF;">Newsletter abonnieren</span>
    </p>
    </div>

    <div class="col-xs-12 col-md-3 col-lg-4">
    <p class="text">
    <span style="color:#FFFFFF;">... und immer &uuml;ber neuste Kuscheltiere informiert sein!</span>
    </p>
    </div>

    <div class="col-xs-12 col-md-6 col-lg-5">
    <div class="form-group">
    <div class="col-xs-12 col-sm-6 col-md-7">
    <input class="form-control validate" data-validator-validate="required email" name="email" placeholder="Ihre E-Mail-Adresse" type="text" />
    </div>

    <div class="col-xs-12 col-sm-6 col-md-5">
    <input class="btn btn-secondary btn-block" type="submit" value="Jetzt anmelden" />
    </div>
    </div>
    </div>
    </form>

    Und bei EN:

    <form action="newsletter.php" class="form-horizontal" method="post">
    <div class="col-xs-12 col-md-3 col-lg-3">
    <p class="heading">
    <span style="color:#FFFFFF;">Newsletter</span>
    </p>
    </div>

    <div class="col-xs-12 col-md-3 col-lg-4">
    <p class="text">
    <span style="color:#FFFFFF;">... and be informed about new animals!</span>
    </p>
    </div>

    <div class="col-xs-12 col-md-6 col-lg-5">
    <div class="form-group">
    <div class="col-xs-12 col-sm-6 col-md-7">
    <input class="form-control validate" data-validator-validate="required email" name="email" placeholder="Your E-Mail-Address" type="text" />
    </div>

    <div class="col-xs-12 col-sm-6 col-md-5">
    <input class="btn btn-secondary btn-block" type="submit" value="Subscribe" />
    </div>
    </div>
    </div>
    </form>

    Gruß
    Stefan
     
  4. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    11. Juli 2021
    Beiträge:
    364
    Danke erhalten:
    154
    Danke vergeben:
    125
    Besten Dank! :)

    Den HTML-Code habe ich auch schon gehabt und dachte ich benötige noch nen CSS Code.
    Ich hab den HTML-Code bisher einfach in die entsprechende Box eingefügt und dachte, dass ich über die Vorschau-Funktion einfach sehen kann, wie es aussehen soll... Dabei sah es natürlich doof aus.

    Jetzt habe ich einfach mal den Code eingefügt und gespeichert und mich nicht auf die Vorschau-Funktion verlassen.
    Hab die Seite aktualisiert - Siehe da.. es sieht perfekt aus!

    Danke