Rechner auf Shopify Seite veröffentlichen

Topic summary

Ein Nutzer möchte einen Granit-Gewichtsrechner (bestehend aus HTML, CSS und JS-Dateien) auf einer Shopify-Seite mit eigenem Layout veröffentlichen, ist aber unsicher über die korrekte Implementierung.

Erste Lösung:

  • Verwendung eines “Custom HTML”-Abschnitts in der Vorlage
  • Alternativ: Im Backend über den “<>”-Button in die HTML-Ansicht wechseln
  • CSS und JS können verkürzt werden, da sie bereits auf der Seite vorhanden sind
  • Nur der HTML-Markup-Teil muss eingefügt werden

Aktuelles Problem:
Der Rechner funktioniert grundsätzlich und gibt Ergebnisse aus, aber das CSS wird nicht korrekt übernommen. Der eingefügte Code enthält fehlerhafte HTML-Tags - CSS-Regeln wurden fälschlicherweise in <script>-Tags statt <style>-Tags platziert.

Status:
Finer hat eine korrigierte Code-Struktur bereitgestellt (im letzten Post angedeutet, aber abgeschnitten). Die Diskussion ist noch offen, da die vollständige Lösung zur korrekten Tag-Verwendung noch implementiert werden muss.

Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.

Das ist von den HTML-Tags her nicht korrekt. Probiere folgendes aus:


# Granit Gewichtsrechner

 

 

 

1 Like