Support » Allgemeine Fragen » Social Sharing Button missing ICON

  • Sash2

    (@sash2)


    Hallo Zusammen,

    ich arbeite gerade an einem Shop…leider noch nicht online.
    Elementor Pro, OceanWP und Woocommerce

    Problem: Die Social Sharing Buttons lassen sich zwar auf dem Single Product Template einfügen, aber die Icons werden nicht angezeigt. Man bekommt also zB einen blauen Facebook Kreis und innen steht statt dem F etwas sinnloses. Twitter Taube genau der gleiche sinnlose Text. Jemand eine Idee?

    Auf allen anderen Seiten ist es kein Problem…nur im Single Product Template Bereich…

    Und es ist egal, welche Sharing Button PLugins ich benutze…

    Gruss
    Mika

Ansicht von 9 Antworten - 1 bis 9 (von insgesamt 9)
  • Moderator Hans-Gerd Gerhards

    (@hage)

    Hallo,
    wenn Du dann noch die URL oben einträgst, dann kann man sich das auch ansehen und Dir sicher besser helfen.
    Viele Grüße
    Hans-Gerd

    Sash2

    (@sash2)

    ich arbeite gerade an einem Shop…leider noch nicht online.

    Moderator Hans-Gerd Gerhards

    (@hage)

    hmm, dann wird es schwierig. Vielleicht stellst Du die Frage dann noch mal, wenn die Seite online ist

    namenlos

    (@namenlos)

    Sieht das ungefähr so  aus?

    Dann stimmt dein Pfad zum Icon nicht.

    Sash2

    (@sash2)

    genau so sieht es aus 🙂
    Wie kann ich das ändern?
    Lieben dank

    namenlos

    (@namenlos)

    Deine Icons sind ein Font wie z.B. Font Awesome. Fast jeder Font muss vorab auf den Browser geladen werden, damit dieser damit umgehen kann und das tut es scheinbar nicht. Warum jetzt dein Template diesen nicht hochlädt kann ich nur mutmaßen, evtl. anderer Speicherplatz als die anderen Templates. Du könntest den Font im Header manuell einfügen, dann sollte es funktionieren. Finde ich aber denn unschön, denn die anderen Seiten haben den richtigen Pfad und der Font würde denn doppelt hochgeladen werden. Das bedeutet einbußen in der Performance denn die Icon Fonts sind richtige Schwergewichte unter den Fonts.

    Sash2

    (@sash2)

    Super, dankesehr…tolle Hilfe. Daraufhin habe ich was ausprobiert…
    ich habe Polylang installiert und baue einen zweisprachigen Shop…
    Ich hab jetzt mal ein deutsches Template angefangen und siehe da: die Sharing Icons sind alle vorhanden.
    Es liegt also an meiner Polylang Installation bzw. an der Zweisprachigkeit.
    Ist ja bei der Mediathek auch so…Bilder in deutsch und in englisch.
    Muss ich mich da noch etwas reinfuchsen, wie ich die Pfade der Icons auch auf die englische Version bekomme.
    Dankesehr
    Gruss
    Mika

    namenlos

    (@namenlos)

    Vielleicht ein kleiner Tip. Ich selbst nutze nur 4-5 Icons und die Fonts selber haben aber mehrere hunderte Icons und das war mir zuviel Balast. Auf Iconfinder findest du viele Icons als Vector-Grafik (SVG) kostenlos zum download. Da du z.B. mit Elementor deine eigen SVG Grafiken hochladen kannst, hast du evtl. zum einen das Problem mit dem Pfad behoben und der Font wird garnicht mehr geladen. Auch die Icomoon App kann ich sehr empfehlen, dort kannst du deinen eigen Icon Font erstellen und nur die Icons einfügen, die du auch nur brauchst. Sogar später hinzufügen ist damit möglich. So hab ich von 400KB auf nur 4KB abgespeckt 😉

    Sash2

    (@sash2)

    Wird ja immer besser :)))
    Vielen dank…sehr tolle Tipps…leider kann ich Dich nicht bewerten :))

Ansicht von 9 Antworten - 1 bis 9 (von insgesamt 9)