How can I fix an invalid JSON in the 'schema' tag?

Technical Q&A
,

Topic summary

Un développeur rencontre une erreur “JSON invalide dans la balise ‘schema’” en tentant d’insérer du code d’animation on-scroll dans un fichier .liquid Shopify.

Problème identifié:

  • Le code JSON fourni contient plusieurs erreurs de syntaxe
  • Une portion importante du code apparaît inversée/corrompue (texte à l’envers)
  • Des éléments manquants et une structure JSON incomplète
  • Le code inclut des options d’animation (fade, flip, zoom) en français et anglais

Tentative de solution:
Un autre utilisateur (omarhussain) propose une version corrigée du code, mais celle-ci reste également incomplète et présente les mêmes problèmes de texte inversé.

Statut: La discussion reste ouverte sans résolution claire. Le code fourni nécessite une restructuration complète pour corriger la syntaxe JSON et éliminer les portions corrompues avant de pouvoir fonctionner dans le fichier theme.liquid.

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

Bonjour,

Je souhaite insérer une animation on-scroll sur ma boutique et pour cela je dois insérer un morceau de code Json dans un code .liquid et il me dit : JSON invalide dans la balise “schema” :

{ 
       "type": "select", 
       "id": "aos-title", 
       "options": [ 
		  { "value": "none", "label": "Aucune"}, 
          { "value": "fade- up", "label": "Fade Up"}, 
          { "value": "fade-down", "label": "Fade Down"}, 
          { "value": "fade-right", "label": " Fade Right"}, 
		  { "value": "fade-left", "label": "Fade Left"}, 
          { "value": "fade-up-right", "label": "Fade Up Right"}, 
          { "value": "fondu vers le haut vers la gauche","label": "Fondu vers le haut à gauche"}, 
		  { "value": "fondu vers le bas à droite", "label": "Fondu vers le bas à droite"}, 
          { "value": "fondu vers le bas à gauche", "label" ": "Fade Down Left"}, 
		  { "value": "flip-left", "label": "Flip Left"},
          { "value": "flip-right", "label": "Flip Right"}, 
          { "value": "flip-up", "label": "Flip Up"}, 
		  { "value": "flip- down", "label": "Flip Down"}, 
          { "value": "zoom-in", "label": "Zoom in"}, 
          { "value": "zoom-in-up", "label" : "Zoom avant vers le haut"}, 
		  { "value": "zoom avant vers le bas", "label": "Zoom avant vers le bas"}, 
          { "value": "zoom avant vers la gauche", "label": " Zoom à gauche"}, 
		  { "value": "zoom-à-droite", "label": "Zoom à droite"},
		  { "value": "zoom-out", "label": "Zoom out"}, 
          { "value": "zoom-out-up", "label": "Zoom out Up"}, 
		  { "value": "zoom-out-down", "label": "Zoom out down"}, 
          { "value": "zoom out-right", "label": "Zoom out right"},Zoom arrière à droite"},Zoom arrière à droite"},
		  { "value": "zoom-out-left", "label": "Zoom out Left"} 
       ], 
       "label": "Animation au Scroll du block titre", 
	   "default": "none" 
    }

J’ai également inséré les codes de la bibliothèque du site dans le “theme.liquid” et malgré cela impossible.

Que devrais-je faire?

Merci

2

check this and let me know if you still have any issue

{ 
       "type": "select", 
       "id": "aos-title", 
       "options": [ 
		  { "value": "none", "label": "Aucune"}, 
          { "value": "fade- up", "label": "Fade Up"}, 
          { "value": "fade-down", "label": "Fade Down"}, 
          { "value": "fade-right", "label": " Fade Right"}, 
		  { "value": "fade-left", "label": "Fade Left"}, 
          { "value": "fade-up-right", "label": "Fade Up Right"}, 
          { "value": "fondu vers le haut vers la gauche","label": "Fondu vers le haut à gauche"}, 
		  { "value": "fondu vers le bas à droite", "label": "Fondu vers le bas à droite"}, 
          { "value": "fondu vers le bas à gauche", "label": "Fade Down Left"}, 
		  { "value": "flip-left", "label": "Flip Left"},
          { "value": "flip-right", "label": "Flip Right"}, 
          { "value": "flip-up", "label": "Flip Up"}, 
		  { "value": "flip- down", "label": "Flip Down"}, 
          { "value": "zoom-in", "label": "Zoom in"}, 
          { "value": "zoom-in-up", "label" : "Zoom avant vers le haut"}, 
		  { "value": "zoom avant vers le bas", "label": "Zoom avant vers le bas"}, 
          { "value": "zoom avant vers la gauche", "label": " Zoom à gauche"}, 
		  { "value": "zoom-à-droite", "label": "Zoom à droite"},
		  { "value": "zoom-out", "label": "Zoom out"}, 
          { "value": "zoom-out-up", "label": "Zoom out Up"}, 
		  { "value": "zoom-out-down", "label": "Zoom out down"}, 
          { "value": "zoom out-right", "label": "Zoom out right"},
		  { "value": "zoom-out-left", "label": "Zoom out Left"} 
       ], 
       "label": "Animation au Scroll du block titre", 
	   "default": "none" 
    }