Hallo, In der mobilen Ansicht habe ich im Header LOGO - LUPE (SUCHE) - WARENKORB - Drei striche zum Menu Ich hätte nun gerne zwischen LOGO und LUPE einen Telefonhörer wenn man diesen Anklickt sollte man uns direkt anrufen können. Ich habe eigtl alles probiert und komme nicht weiter. Gruß Thomas
Hallo Thomas. Was hast Du denn schon 'alles' probiert? Eigene Inhalte im Header einfügen geht im Content Manager: Inhalte > Content Manager > Elemente > Header Da dann zweckmäßigen HTML Code eingeben: HTML: <a title="Rufen Sie uns direkt an!" class="" href="tel:+499123456789"> <span class="fa fa-phone"></span></a> und noch etwas per CSS aufhübschen. Viel Erfolg! Gruß Pepe
Ich hab da mal was gebastelt, was eig. auch ziemlich hübsch ist. Der Telefonhörer ist dann in einer zweiten "Header-Zeile" direkt unter dem eigentlich Header mit dem Logo etc. Es ist auch anklickbar und man kann die hinterlegte Nummer direkt anrufen. (Damit die Zeile dann nicht nur für einen einzigen Hörer da ist, kann man den HTML Code erweitern und das Ganze floaten, sodass links z.B. der Hörer ist und rechts (habe ich) 2-3 Siegel - z.B. SSL-Siegel im .svg-Format - reinhauen, sodass die Mitte frei ist. HTML in "Tracking-Code (Head)" reinhauen. CSS natürlich über SE4. HTML: <li class="visible-xs"> <center style="background-color: #FFFFFF;"> <div class="MyClassXYZ"> <a href="tel:+499123456789"> <img alt="FuerGoogle" border="0" height="40" src="(Link nur für registrierte Nutzer sichtbar.)" width="40" />0203 12 34 567-Tel.nr. KANN AUCH WEG</a> </div> </center> </li> CSS: .MyClassXYZ { margin-top: 35px; <(nur wenn die kreierte Zeile unter den eigentlichen Header rutscht, sonst löschen) display: inline-flex; margin-left: 2px; align-items: center; justify-content: center; }
Hey Pepe, Eigenen Content so wie du beschrieben hast , hab ich angelegt, nur wird der in der Mobilen ansicht nicht angezeigt. JA die spalten sind alle richtig angelegt, trotzdem sehe ich mobil nix von meinem Content. @O.C. Hast du mal nen Beispiel wie das dann aussieht? Lg Thomas
@Thomas_F Ich hab umgebastelt, sodass es ohne CSS funzt. Nur HTML in Tracking-Code (Head) rein und "Tracking Code verwenden" aktivieren. Code: <li class="visible-xs"> <div style="display:block; text-align:right; float:right; margin-right:5px; margin-bottom:5px; margin-top:7px;"> <img alt="FuerGoogle" border="0" height="40" src="https://i.ibb.co/KKsydNb/ssl-siegel-256.png" width="40" /> <img alt="FuerGoogle" border="0" height="40" src="https://i.ibb.co/KKsydNb/ssl-siegel-256.png" width="40" /> <img alt="FuerGoogle" border="0" height="40" src="https://i.ibb.co/KKsydNb/ssl-siegel-256.png" width="40" /></div> <div style="display:block; text-align:left; float:left; margin-left:5px; margin-bottom:5px; margin-top:7px;"> <a href="tel:+499123456789"> <img alt="FuerGoogle" border="0" height="39" src="https://i.ibb.co/GskMdVt/Telefonbild.png" width="39" /> 0203 12 34 567</a></div> </li> Sieht dann so aus: (Mobil anschauen) (Link nur für registrierte Nutzer sichtbar.)
Ideal, so sollte es aussehen. Ich habe Honeygrid Theme, ich denke aus diesem Grund geht der HTML Code von dir bei mir leider nicht.
Ich probiere es morgen nochmal in ruhe, hab nun Feierabend. Ich gebe Dir bescheid. Im CSS muss ich mit dem neuen Code nix eintragen nee?
Es Funktioniert Super, Optimale Lösung... 1000Dank für die Super Hilfe ( Mein Fehler war das ich es nicht in den Tracking Code eingegebene hatte )