Problem: Schriftart und Widget verstehen sich nicht

Hallo zusammen,

Ich habe mithilfe von Frontify die Schriftart Comfortaa implementiert.

Widgets von Reviews.io findet das gar nicht toll und stellt einige Symbole falsch dar, heißt im umkehrschluss ich muss irgendwie meine Schriftart anders hinzufügen.

Ich habe mir bereits einige Möglichkeiten angesehen, da ich aber absolut kein Coder bin, stoße ich an meine Grenzen.

Kann mir wer helfen ?

Beste Grüße

Marco von MACOBI

Hey Marco! @MACOBI

Bei diesen Text-Elemente handelt es sich um sog. drittanbieter Apps und “unsupported content types”, sprich, 3P (3rd party) Content der nicht von Shopify als translatable resource types oder storefront locale file verwendet wird. Somit ist das einzige was ich dir empfehlen kann, es mit den App Entwickler aufzunehmen. Hast du mit den Frontify oder den Reviews.io Entwickler schon gesprochen? Gerne kann ich dir bei bedarf deren Kontaktseiten per einer schnellen Google Suche aufsuchen. Die App Entwickler wären hier die besten Ansprechpartner.

Ich könnte mir das :eyes: aber dafür bräuchte ich mehr als einen Screenshot, sprich, einen direkten Link zu einem Beispiel.

Hoffe das hilft dir weiter - lass wissen falls nicht! :wink:


Warum nicht etwas Gamification in das Shop einbauen, um deinen Kunden etwas Fun im Shop anzubieten? Gerne kann ich bei Interesse Tipps dazu geben!

Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.

Moin @Gabe ,

vielen Dank für deine schnelle Antwort.

hier der Link zu meinem Shop: www.macobi-handcraft.de

Mit Reviews.io hatte ich bereits Kontakt aufgenommen, der Herr hat mir geraten im Code gewisse Dinge zu suchen und zu löschen… da bin ich raus -.-

Zu Frontyfi habe ich keinen Kontakt gefunden, würde die aber auch mal drauf ansprechen.

Mit Gamification habe ich mich noch nicht auseinandergesetzt, hast du zufällig Fallbeispiele wie man das darstellen kann ?

Grüße

Marco @MACOBI

@MACOBI

Super danke für die URL und das Thema Gamification und auch den fehlenden Comfortaa Font von Google Fonts gehe ich in meinem kurzen Video hier ein.

Apropos mit Google Fonts - bitte mit Vorsicht umgehen. Siehe was ich damit meine in diesem Artikel der IT REchtskanzlei.

Das Problem des Comfortaa Font im Code lösen

Apropos, sind dir die eingebauten Fonts vom Impact Theme nicht ausreichend? Wenn du es selber DIY programmieren möchtest dann bitte immer in einer Themekopie/Testumgebung zuerst testen und zusammen mit einem Experten/Programmierer. Du kannst ein Backup deines Themes erstellen, bevor man den Code bearbeitet, oder den Code wiederherstellen, falls dies nötig sein sollte. Du könntest auch einen unserer Experten engagieren indem du denen eine E-Mail rüberschießt. Unsere Experten antworten meist sehr schnell.

Änderungen zu deinem Theme Code können auch 1) die Page Loading Speeds negativ beeinflussen und 2) dein Theme aus den Theme Updates ausschließen. Das folgende ist Theme-abhängig, ohne Gewähr und dient lediglich dazu dich in die richtige Richtung zu weisen!

Aber um sicherzustellen, dass die Schriftart “Comfortaa” korrekt auf das Reviews.io-Widget angewendet wird, kannst du den folgenden Ansatz verwenden, um die Schriftart global in deinem Impact Theme zu implementieren. Dies erfordert das Hinzufügen der Schriftart in deiner theme.liquid Datei und das Überschreiben der Widget-Stile mit benutzerdefinierten CSS-Regeln. Öffne die Datei theme.liquid und füge die Schriftart “Comfortaa” von Google Fonts im <head>-Bereich hinzu:


  
  
  

Dann füge die folgenden CSS-Regeln hinzu, um die Schriftart auf die Klassen des Widgets anzuwenden (mehr dazu in unserer Anleitung hier) :

/* Globale Schriftart */
body, .CarouselWidget {
  font-family: 'Comfortaa', sans-serif;
}

/* Widget-spezifische Schriftart */
.CarouselWidget .R-TextHeading,
.CarouselWidget .R-TextBody,
.CarouselWidget .R-RatingStars,
.CarouselWidget .R-BadgeElement__text {
  font-family: 'Comfortaa', sans-serif !important;
}

Falls du Änderungen direkt im HTML des Widgets vornehmen kannst, stelle sicher, dass du die korrekten Klassen identifizierst und überschreibst. Hier ist ein Beispiel, wie du sicherstellen kannst, dass das Widget die Schriftart “Comfortaa” verwendet:


  
  
Hervorragend

  ...

  5 Bewertungen

Weitere Tipps und Ressourcen dazu

Wenn die Schriftart immer noch nicht korrekt angezeigt wird, überprüfe, ob die Schriftart “Comfortaa” geladen wird und ob es Konflikte mit anderen CSS-Regeln gibt. Du kannst den CSS-Code in deinem Browser-Entwicklertools untersuchen, um sicherzustellen, dass die Schriftart angewendet wird.

Dieser Ansatz sollte sicherstellen, dass die Schriftart “Comfortaa” korrekt auf das Reviews.io-Widget und den restlichen Teil deines Shopify-Stores angewendet wird​.

Hoffe das hilft dir weiter - lass wissen falls nicht! :wink: