Facebooklogo und Co.

Wenn Du Dir den Style-Dateien vom 2. Testshop runterlädst, findest Du in der templates/ Honeygrid/ index-USERMOD.html ganz unten einen Link zu AddThis. Dort kannst Du Dir die Leiste erstellen und den Code dann in Deiner index-USERMOD.html eintragen.

Ich weiß aber nicht wie es Rechtlich aussieht, von wegen Datenschutz.

 

Dabei wird nur ein Link zur eigenen Facebookseite gesetzt, also wird nix vom Kunden übergeben. Sollte also unkritisch sein. Ebenso verhält es sich bei Google+ usw.

Gruß Momo

 

Nur wenn man die Follow-Button nimmt, es gibt aber auch Share-Button zum Teilen....

 

Einfach Sharif Buttons nutzen (sofern es ein Teilen sein soll) oder eben wirklich nur LINKs anlegen und alles ist gut.
Gibts bei AddThis zum Download
(Link nur für registrierte Nutzer sichtbar.)

kann man dann über einen overload an die index anhängen und es is updatesicher

 

Bezog sich auf den Testshop 2 unten rechts, dort sind es eben nur Links.

 

Die Button im Testshop 2 sind "Teilen" Button, keine Follows.


Deshalb war ich mir ja nciht sicher, ob die sofort Daten Senden, oder erst wenn man daraufklickt.

 

Soooorry, hab das mit Shop 1 verwechselt

Beweisfoto

 

hehe, ich habe mich schon gewundert was für dich unten rechts ist

 

Die kannst einfach kopieren, ist nur CSS und das Symbol als FOnt.

 

In Footer 4 im Content Manager fügst das hier ein !!!Achtung - evtl. löcht der Editor dir die leeren Tags, weiß nicht ob das Gambio generell schon behoben hat, sonst melden, dann geb ich dir den fix dafür!!!
natürlich mit deinen Links und nicht zu meinen Seiten - ausser du willst das gerne

HTML:

<ul class="social-media-icons">
    <li><a class="facebook" href="https://www.facebook.com/copyweilburg" target="_blank"><i class="fa fa-facebook-f"></i></a></li>
    <li><a class="twitter" href="https://www.twitter.com/copyweilburg" target="_blank"><i class="fa fa-twitter"></i></a></li>
    <li><a class="instagram" href="https://instagram.com/printweilburg" target="_blank"><i class="fa fa-instagram"></i></a></li>
    <li><a class="youtube" href="https://www.youtube.com/channel/UCTJ8xGbY7_cyApw7Ff6JMJg" target="_blank"><i class="fa fa-youtube"></i></a></li>
    <li><a class="googleplus" href="https://plus.google.com/+Print-weilburgDe/?rel=author" target="_blank"><i class="fa fa-google-plus"></i></a></li>
</ul>

Und das hier als EIgenes CSS entweder im StyleEditor oder in eigener usermod css Datei

Code:

#footer a {
    color: #fff;
    text-decoration: none;
}
#footer a:hover  {
    color: #fff;
  text-decoration: underline;
}
#footer *:before, *:after {
    margin-right: 6px;
}
#footer .social-media-icons *:before, *:after {
    margin-right: 0px;
}
.footer-border-top {
    border-top: 1px solid #bbb;
    margin-top: 10px !important;
}
.footer-newsletter-badge
{
    float: left;
    margin-top: -30px;
    margin-right: 15px;
    float: left;
    border-width: 0px;
}
#topbar-container {
    background-color: #393939;
}
#topbar-container .navbar-topbar .navbar-nav > li > a {
    font-size: 13px;
    height: 20px;
    padding: 2px 16px;
    color: rgb(249, 93, 38);
    font-weight: bold;
}
@media (min-width: 768px)
{
#footer .inside .row .footer-col-2, #footer .inside #stage #slider .footer-col-2, #stage #footer .inside #slider .footer-col-2, #footer .inside .total-box table tr.total .footer-col-2, .total-box table #footer .inside tr.total .footer-col-2 {
    min-height: 310px;
}
#footer .inside .row .footer-col-1, #footer .inside #stage #slider .footer-col-1, #stage #footer .inside #slider .footer-col-1, #footer .inside .total-box table tr.total .footer-col-1, .total-box table #footer .inside tr.total .footer-col-1 {
    min-height: 310px;
}
}
#footer .inside .row .footer-col-1, #footer .inside #stage #slider .footer-col-1, #stage #footer .inside #slider .footer-col-1, #footer .inside .total-box table tr.total .footer-col-1, .total-box table #footer .inside tr.total .footer-col-1 {
    min-height: 330px;
}
#footer .inside .row .footer-col-2, #footer .inside #stage #slider .footer-col-2, #stage #footer .inside #slider .footer-col-2, #footer .inside .total-box table tr.total .footer-col-2, .total-box table #footer .inside tr.total .footer-col-2 {
    min-height: 330px;
}
#footer .inside .row .footer-col-3, #footer .inside #stage #slider .footer-col-3, #stage #footer .inside #slider .footer-col-3, #footer .inside .total-box table tr.total .footer-col-3, .total-box table #footer .inside tr.total .footer-col-3 {
    min-height: 330px;
}
#footer .inside .row .footer-col-4, #footer .inside #stage #slider .footer-col-4, #stage #footer .inside #slider .footer-col-4, #footer .inside .total-box table tr.total .footer-col-4, .total-box table #footer .inside tr.total .footer-col-4 {
    min-height: 330px;
}

habs auch auf Mobile FOrmat angepasst, das fehlte damals im Testshop noch.

 

Hallo,

ich suchte vergeblich und finde auf addths.com keine Möglichkeit diesen Code zu erzeugen Die Widgets, die ich dort generiere, sehen anderes aus.

Wo finde ich diesen Code bei adthis?

HTML:

<ul class="social-media-icons">
    <li><a class="facebook" href="https://www.facebook.com/copyweilburg" target="_blank"><i class="fa fa-facebook-f"></i></a></li>
    <li><a class="twitter" href="https://www.twitter.com/copyweilburg" target="_blank"><i class="fa fa-twitter"></i></a></li>
    <li><a class="instagram" href="https://instagram.com/printweilburg" target="_blank"><i class="fa fa-instagram"></i></a></li>
    <li><a class="youtube" href="https://www.youtube.com/channel/UCTJ8xGbY7_cyApw7Ff6JMJg" target="_blank"><i class="fa fa-youtube"></i></a></li>
    <li><a class="googleplus" href="https://plus.google.com/+Print-weilburgDe/?rel=author" target="_blank"><i class="fa fa-google-plus"></i></a></li>
</ul>

Reicht es, wenn ich den Code einfüge oder muss ich das nachfojgende auch noch machen?

Und das hier als EIgenes CSS entweder im StyleEditor oder in eigener usermod css Datei

Code:

#footer a {
    color: #fff;
    text-decoration: none;
}
#footer a:hover  {
    color: #fff;
  text-decoration: underline;
}
#footer *:before, *:after {
    margin-right: 6px;
}
#footer .social-media-icons *:before, *:after {
    margin-right: 0px;
}
.footer-border-top {
    border-top: 1px solid #bbb;
    margin-top: 10px !important;
}
.footer-newsletter-badge
{
    float: left;
    margin-top: -30px;
    margin-right: 15px;
    float: left;
    border-width: 0px;
}
#topbar-container {
    background-color: #393939;
}
#topbar-container .navbar-topbar .navbar-nav > li > a {
    font-size: 13px;
    height: 20px;
    padding: 2px 16px;
    color: rgb(249, 93, 38);
    font-weight: bold;
}
@media (min-width: 768px)
{
#footer .inside .row .footer-col-2, #footer .inside #stage #slider .footer-col-2, #stage #footer .inside #slider .footer-col-2, #footer .inside .total-box table tr.total .footer-col-2, .total-box table #footer .inside tr.total .footer-col-2 {
    min-height: 310px;
}
#footer .inside .row .footer-col-1, #footer .inside #stage #slider .footer-col-1, #stage #footer .inside #slider .footer-col-1, #footer .inside .total-box table tr.total .footer-col-1, .total-box table #footer .inside tr.total .footer-col-1 {
    min-height: 310px;
}
}
#footer .inside .row .footer-col-1, #footer .inside #stage #slider .footer-col-1, #stage #footer .inside #slider .footer-col-1, #footer .inside .total-box table tr.total .footer-col-1, .total-box table #footer .inside tr.total .footer-col-1 {
    min-height: 330px;
}
#footer .inside .row .footer-col-2, #footer .inside #stage #slider .footer-col-2, #stage #footer .inside #slider .footer-col-2, #footer .inside .total-box table tr.total .footer-col-2, .total-box table #footer .inside tr.total .footer-col-2 {
    min-height: 330px;
}
#footer .inside .row .footer-col-3, #footer .inside #stage #slider .footer-col-3, #stage #footer .inside #slider .footer-col-3, #footer .inside .total-box table tr.total .footer-col-3, .total-box table #footer .inside tr.total .footer-col-3 {
    min-height: 330px;
}
#footer .inside .row .footer-col-4, #footer .inside #stage #slider .footer-col-4, #stage #footer .inside #slider .footer-col-4, #footer .inside .total-box table tr.total .footer-col-4, .total-box table #footer .inside tr.total .footer-col-4 {
    min-height: 330px;
}

.[/QUOTE]


VIELEN DANK und viele Grüße
Adrian Seidler