Newsletteranmeldung auf einer Grafik

Hast du einen Entwurf wie du dir das vorstellst? Mit nem Bild vor Augen, kann ich da meist besser was zu sagen

 

Hi Tanja,

entschuldige die verspätete Antwort. War ein paar Tage nicht im Haus und hatte auch keinen Computer vor der Nase .
Ich habe gerade mal eben ein bisschen gebastelt, so könnte es aussehen:



Was du dafür brauchst: Im Content-Manager fügst du an der Stelle, wo du das Bild einbindest, folgendes ein:

HTML:

<form action="newsletter.php" class="form-horizontal newsletter-registration hidden-xs hidden-sm" method="post">
   <div class="form-group">
      <div class="col-md-7">
        <input class="form-control validate" data-validator-validate="required email" name="email" placeholder="Deine E-Mail-Adresse" type="text">
      </div>
     
      <div class="col-md-5">
        <input class="btn btn-default btn-block" type="submit" value="Anmelden">
      </div>
  </div>
</form>

Dann im StyleEdit noch das hier als eigenen Style eintragen:

Code:

form.form-horizontal.newsletter-registration {
    padding-left: 25px;
    padding-right: 15px;
    position: absolute;
    width: 310px;
    bottom: 50px;
    @media (min-width: $screen-lg-min) {
        width: 377px;
    }
}

 

Das HTML fügst du am besten direkt hinter folgendem ein:

HTML:

<a href="https://www.lieblichedeko-shop.de/newsletter.php"><img alt="Newsletteranmeldung" class="img-responsive" src="images/Newsletter-2017-1.png"></a>

Das müsste das Bild für die Newsletternanmeldung sein, wenn ich das richtig gesehen habe.

Um das CSS einzufügen öffnest du unter Template-Einstellungen den StyleEdit 3 und gehst in die Bearbeitung von deinem Style. In der Bearbeitungsansicht kannst du oben auf den Namen deines Styles klicken, dann öffnet sich da ein Menü:



Da klickst du drauf und es öffnet sich ein Fenster, in dem du das CSS eintragen kannst.

 

Dann hast du das HTML nicht richtig. Das sollte bei dir im Content wie folgt aussehen:

Code:

<div class="row space-2">
  <div class="col-xs-12 col-sm-4" style="padding-right:0">
        <a href="https://www.lieblichedeko-shop.de/newsletter.php"><img alt="Newsletteranmeldung" class="img-responsive" src="images/Newsletter-2017-1.png"></a>&nbsp;<br>
&nbsp;
  <form action="newsletter.php" class="form-horizontal newsletter-registration hidden-xs hidden-sm" method="post">
    <div class="form-group">
        <div class="col-md-7">
            <input class="form-control validate" data-validator-validate="required email" name="email" placeholder="Deine E-Mail-Adresse" type="text">
        </div>

        <div class="col-md-5">
            <input class="btn btn-default btn-block" type="submit" value="Anmelden">
        </div>
    </div>
</form>
    </div>
 
    <div class="col-xs-12 col-sm-4" style="padding-right:0">
        <a href="/specials.php"><img alt="Angebote" class="img-responsive" src="images/Reduziert-2017.png"></a>
    </div>

    <div class="col-xs-12 col-sm-4" style="padding-right:0">
        <a href="https://www.lieblichedeko-shop.de/gutscheine/"><img alt="Gutschein verschenken " class="img-responsive" src="images/Gutschein-2017.png"></a>
    </div>
</div>

Wenn das nicht der Fall ist, dann musst du das entsprechend anpassen

 

Meine Anpassung zeigt das im Moment nur auf Desktops und Tablets im Landscape-Modus an. Wenn das auch auf kleineren Displays funktionieren soll, muss ich nochmal schauen

 

Hallo,
Wo kann man die Antwort Email Adresse ändern ? ich möchte beim Newsletter nicht die Shop Adresse verwenden

Danke !

 

Danke !! aber speziell nur die Newsletter Antwort Adresse ändern geht nicht ? Ich hatte dies beim alten Gambio so in Erinnerung