Facebook Icon aktivieren, wie resp. wo?

[hgu]

Hallo zusammen,

vor einiger Zeit liess ich von jemandem Facebook auskommentieren. Nun möchte ich es wieder aktivieren. Kann mir bitte jemand sagen wie ich dies bewerkstellige?

Habe das Responsive Template 2.0 von modified / Talrose-Manufaktur.ch

Vielen Dank im Voraus

Heidi

Linkback: https://www.modified-shop.org/forum/index.php?topic=39946.0

[Timm]

Etwas wenig an Infos. Wo war denn das Facebook Icon zu sehen? Im Footer oder bei den Produkten als like Button? So kann man da nicht viel zu sagen.

Gruß Timm

[hgu]

Ach so, entschuldige. Das war im Footer.

Gruss Heidi

[Timm]

Dann schau mal in der template/tpl_modified_responsive/index.html

oder in den Boxen des Footers. Zb in
templates/tpl_modified_responsive/boxes/box_miscellaneous.html
templates/tpl_modified_responsive/boxes/box_newsletter.html

Ich weiß ja nicht, wo das da angezeigt wurde.

Und wenn es nur auskommentiert wurde (also die Zeile mit dem Facebook Icon noch da ist), dann musst du nur in der Zeile die Klammern zum auskommentieren entfernen. Da es html Dateien sind, sollte vorne und hinten jeweils {* und *} stehen, was entfernt werden muss.

Gruß Timm

[hgu]

Hallo Timm

scheint so als wäre es nicht *nur* auskommentiert worden .
Finde leider nichts.

Viele Grüsse
Heidi

[Shorty]

Versuch es mal templates/tpl_modified_responsive/index.html fast am ende.

[Timm]

Dann muss man das halt neu integrieren. Wo genau war es denn? Und nur ein Icon, das zu FB verlinkt hat?

Gruß Timm

[hgu]

Guten Morgen zusammen

@Shorty... in der index.html ist nur das Facebook_Tracking

@Timm... ich weiss es leider nicht genau, ob es nur das Icon war, das weg ist.

Aber was steht denn bei dir / euch? Ist es in der index.html? Oder in den Boxen?

Danke und viele Grüsse
Heidi

[Timm]

Bei mir ist das unten über dem Footer. Wie ich grad gesehen hab ist Wordpress zb bei dir oben in der Leiste. Musst da mal gucken, was du davon verwenden kannst.

templates/tpl_modified_responsive/index.html fast ganz unten

Code: XML  [Auswählen]

<div id="layout_footer">
{** BOF  implements Socialmedia links **}
    <div class="socialmedia">
      <ul>
        <li class="facebook"><a href="https://www.facebook.com/deinefacebookaccount" target="_blank" rel="nofollow noopener" title="dein shop auf Facebook zb"><i class="fa fa-facebook-square"></i></a></li>
                <li class="wordpress"><a href="https://www.talrose-manufaktur.ch/blog/" target="_blank" rel="nofollow noopener" title="Talrose Manufaktur auf Wordpress"><i class="fa fa-wordpress"></i></a></li>
      </ul>
    </div>
{** EOF  implements Socialmedia links **}
    <div class="layout_footer_inner">
      <div class="footer_box_row cf">

 templates/tpl_modified_responsive/stylesheet.css am Ende von Punkt 7. Start Footer folgendes eintragen

Code: CSS  [Auswählen]

/** BOF implements Socialmedia links **/
#layout_footer .socialmedia {
  background-color: #f4f4f4;
  border-top: 1px solid #dedede;
  color: #707070;
}
#layout_footer .socialmedia ul {
  box-sizing: border-box;
  list-style: none;
  width: 100%;
  max-width: 1140px;
  padding: 10px;
  margin: 0px auto;
  text-align: center;
}
#layout_footer .socialmedia li {
  display: inline-block;
  margin: 0 8px;
}
#layout_footer .socialmedia li i {
  font-size: 30px;
}
#layout_footer .socialmedia li.facebook a:hover i {
  color: #3b5998;
}
#layout_footer .socialmedia li.wordpress a:hover i {
  color: #21759b;
}
/** EOF implements Socialmedia links **/
/* END Footer */

Gruß Timm

[hgu]

Vielen Dank Timm,

versuche ich heute und gebe Bescheid.

Viele Grüsse
Heidi

[hgu]

Hallo Timm

funktioniert tip top! Herzlichen Dank!

Wie sieht es mit Instagram aus? Kannst du mir bitte auch noch diesen Code für die index.html schicken?

Danke im Voraus!

Liebe Grüsse
Heidi

[Timm]

index.html

Code: XML  [Auswählen]

<li class="instagram"><a href="https://www.instagram.com/deinaccount/" target="_blank" rel="nofollow noopener" title="Manufaktur Talrose auf Instagram"><i class="fa fa-instagram"></i></a></li>

stylesheet.css

Code: CSS  [Auswählen]

#layout_footer .socialmedia li.instagram a:hover i {
  background: -webkit-radial-gradient(33% 100% circle, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF);
  background: radial-gradient(circle at 33% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

Der Code in der Stylesheet.css für Instagram ist damit es so schön bunt aussieht, wie original. Kann man aber auch einfarbig machen. Dann den Code aus den vorherigen Antworten nutzen und etwas abändern und die gewünschte Farbe einsetzen.

Solltest aber das Wordpress oben dann noch rausnehmen aus der Index.html.

Gruß Timm

[Timm]

Man kann auch noch zusätzliche Metaangaben hinzufügen wenn man das will. Den Teil hab ich mir selbst erarbeitet und es funktioniert auch mit dem structured Data Testing Tool von google. Kann aber für nichts garantieren. Vielleicht guckt da nochmal ein Profi drüber.

Dadurch hat man dann mehr strukturierte Daten

[ Für Gäste sind keine Dateianhänge sichtbar ]

Sieht so aus in den Googleergebnissen. Zur Zeit nur in Amerika. Kann ja aber auch mal in D soweit sein. Gibt auf jeden Fall viele Firmen, die das so schon machen.

[ Für Gäste sind keine Dateianhänge sichtbar ]

Mehr dazu hier: Google Search - Social Profile

Code: XML  [Auswählen]

{** BOF - Timo Paul (mail[at]timopaul[dot]biz) - 2018-03-14 - implements Socialmedia links **}
    <div class="socialmedia" itemscope itemtype="http://schema.org/Organization">
                <meta itemprop="name" content="Shopname">
                <link itemprop="url" href="https://www.deineshopdomain.de">
      <ul>
        <li class="facebook"><a itemprop="sameAs" href="https://www.facebook.com/linkzumfacebookaccount" target="_blank" rel="nofollow noopener" title="Dein Shop auf Facebook"><i class="fa fa-facebook-square"></i></a></li>
      </ul>
    </div>
    {** EOF - Timo Paul (mail[at]timopaul[dot]biz) - 2018-03-14 - implements Socialmedia links **}

Die Leiste ansich hab ich mir entgeltlich erstellen lassen. Ist also nicht von mir. Insofern hab ich den Urheber fairnesshalber nun auch im Code mit angegeben.

Gruß Timm

[hgu]

Wow super! Vielen herzlichen Dank!

Liebe Grüsse
Heidi

[Timm]

Gern. Mal ein bescheidener Beitrag dem Forum auch was zurückgeben zu können.

Für alle anderen hier noch ein Foto, wie es dann aussehen könnte.

[ Für Gäste sind keine Dateianhänge sichtbar ]

Gruß Timm