Liquid, JavaScript, Themes
Moin, keine Änderungen vorgenommen nur ein paar neue Produkte. Auf der Shopseite taucht jetzt ganz oben die folgende "Meldung" auf: class="gradient animate--hover-vertical-lift">
Ich bin hier schon die ganze Zeit am suchen
Hat jemand ne Idee ?
Theme ist Dawn in der Version 15.0.2
Danke 🙂
Gelöst! Zur Lösung
Erfolg.
Passiert das in einer frischen Kopie des Themes? Wenn nein, und du kürzlich eine frontend App installiert hast, überprüfe, ob die App fehlerhaften JavaScript oder CSS hinzufügt. Alle frontend Apps testweise deaktivieren und sehen, ob der Fehler weiterhin auftritt. Es sollte eigentlich wie folgt im Liquid Code aussehen:
Anstatt:
class="gradient animate--hover-vertical-lift">
Lieber:
<div class="gradient animate--hover-vertical-lift"></div>
So eine Klasse wird in der Regel für Farberläufe (Gradients) und Animationen verwendet...
Erfolg.
Passiert das in einer frischen Kopie des Themes? Wenn nein, und du kürzlich eine frontend App installiert hast, überprüfe, ob die App fehlerhaften JavaScript oder CSS hinzufügt. Alle frontend Apps testweise deaktivieren und sehen, ob der Fehler weiterhin auftritt. Es sollte eigentlich wie folgt im Liquid Code aussehen:
Anstatt:
class="gradient animate--hover-vertical-lift">
Lieber:
<div class="gradient animate--hover-vertical-lift"></div>
So eine Klasse wird in der Regel für Farberläufe (Gradients) und Animationen verwendet...
Danke schon mal für den Hinweis. Diese Kopie läuft unverändert seit August. Es sind auch keine neuen Apps installiert worden.
Ich bin da auch gerade etwas ratlos "wo" ich "was" finde was diese Meldung verursacht. Ich stelle keine beeinträchtigung der Seite fest.
Evtl. hilft ja der kleine Screenshot
Bitte mal das Theme auf 15.2.0 upgraden. Und/oder im theme.liquid nach class="gradient animate suchen?
Also den Code habe ich gefunden
Sieht also genauso so aus wie auf deinem Beispiel. Evtl. übersehe ich auch gerade irgendwas.....
Wieder Theme updaten ? Hach........🤔
Danke das du dir die Zeit nimmst. Bis jetzt hab ich so gut wie alles immer hinbekommen mit viel lesen.
Aber hier bin ich gerade irgendwie raus
Erledigt. Der Google Tag Manager Code hing da irgendwie vor. Hab ich selber gerade auf meinem Screenshot gesehen. Korrigiert und alles ist wieder schick.
Wie geht denn sowas ?
Vielen Dank für deine Hilfe Ben, so wusste ich wenigstens "wo" ich suchen muss.
Teil 2 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 16, 2024Teil 1 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 9, 2024Anpassungen des benutzerdefinierten Codes an Shopify-Themes (CSS) leicht gemachtIn diesem...
By Gabe Aug 28, 2024