{{ product | json }} in product-template.liquid is delivering weird results

Highlighted
Shopify Partner
110 8 37

Hey,

I have some problems because google image search is posting wrong pictures of my products, so I checked the source code of my product website. I was searching for ".jpg" and found some strange lines. I use minimal theme.

At the bottom of the product-template.liquid, there's a piece of code with "{{ product | json }}". What is this creating? 

 

 

 

<script type="application/json" id="ProductJson-{{ section.id }}">
    {{ product | json }}
 </script>

 

 

 

The result of this code on my page looks like this:

 

 

 

    {"id":4717658865763,"title":"Handpuppe Zauberer","handle":"kersa-handpuppe-zauberer-12600","description":"\u003cp\u003eZauberer als Handpuppe mit weichem Stoff- Textilkopf aus der beliebten Kersa Classic Edition, in Handarbeit in Deutschland gefertigt (Made in Germany)\u003c\/p\u003e\u003ch4\u003eMaße:\u003c\/h4\u003e\u003cp\u003e33 cm\u003c\/p\u003e\u003ch4\u003eGewicht:\u003c\/h4\u003e\u003cp\u003e60 Gramm\u003c\/p\u003e\u003ch4\u003eVom Hersteller empfohlenes Alter:\u003c\/h4\u003e\u003cp\u003eAb 3 Jahren\u003c\/p\u003e\u003ch4\u003eArtikelnummer:\u003c\/h4\u003e\u003cp\u003e23-12600\u003c\/p\u003e\u003cp\u003eDie weichen Textilköpfe werden in aufwändiger Handarbeit sorgfältigst bestickt, handgeformt und liebevoll handbemalt. Die federleichten Puppen sind typisch für das Kasperlspiel und fantastisch ausdrucksstark. Der Einsatz edler Materialien macht diese Puppen seit über sieben Jahrzehnten zu einem \"beliebten und bewährten Klassiker\". \u003cbr\u003e100% deutsche Handarbeit \u003cbr\u003eWir empfehlen das \u003ca href=\"https:\/\/menschenskinder-shop.de\/products\/kersa-tuertheater-palazzo-90020\" title=\"Kersa Tür- Theater\"\u003e\u003cspan style=\"text-decoration: underline;\"\u003eTürtheater Palazzo\u003c\/span\u003e\u003c\/a\u003e für die Aufführungen der besonderen Art.\u003c\/p\u003e\u003ch4\u003eHinweise zur Produktsicherheit:\u003c\/h4\u003e\u003cp\u003eAchtung! Nicht für Kinder unter drei Jahren geeignet. Verschluckbare Kleinteile. Erstickungsgefahr!\u003c\/p\u003e","published_at":"2020-10-05T17:22:48+02:00","created_at":"2020-10-05T17:22:50+02:00","vendor":"Kersa","type":"","tags":["alter-3","Kasperlepuppe","Kasperltheater","kategorie-geschenk-3","kategorie-puppe","price-40","Puppe","Puppenthater","siegel-mig","Theater","vendor-Kersa"],"price":3250,"price_min":3250,"price_max":3250,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":33175559602275,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"23-12600","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Handpuppe Zauberer","public_title":null,"options":["Default Title"],"price":3250,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"4005183126000"}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0298\/5895\/5363\/products\/kersa-handpuppe-zauberer-12600_3d597ff9-3d83-42f9-91f3-8413556eb407.jpg?v=1602679960"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0298\/5895\/5363\/products\/kersa-handpuppe-zauberer-12600_3d597ff9-3d83-42f9-91f3-8413556eb407.jpg?v=1602679960","options":["Title"],"media":[{"alt":"Handpuppe Zauberer von Kersa","id":8365873758307,"position":1,"preview_image":{"aspect_ratio":1.0,"height":1730,"width":1730,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0298\/5895\/5363\/products\/kersa-handpuppe-zauberer-12600_3d597ff9-3d83-42f9-91f3-8413556eb407.jpg?v=1602679960"},"aspect_ratio":1.0,"height":1730,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0298\/5895\/5363\/products\/kersa-handpuppe-zauberer-12600_3d597ff9-3d83-42f9-91f3-8413556eb407.jpg?v=1602679960","width":1730}],"content":"\u003cp\u003eZauberer als Handpuppe mit weichem Stoff- Textilkopf aus der beliebten Kersa Classic Edition, in Handarbeit in Deutschland gefertigt (Made in Germany)\u003c\/p\u003e\u003ch4\u003eMaße:\u003c\/h4\u003e\u003cp\u003e33 cm\u003c\/p\u003e\u003ch4\u003eGewicht:\u003c\/h4\u003e\u003cp\u003e60 Gramm\u003c\/p\u003e\u003ch4\u003eVom Hersteller empfohlenes Alter:\u003c\/h4\u003e\u003cp\u003eAb 3 Jahren\u003c\/p\u003e\u003ch4\u003eArtikelnummer:\u003c\/h4\u003e\u003cp\u003e23-12600\u003c\/p\u003e\u003cp\u003eDie weichen Textilköpfe werden in aufwändiger Handarbeit sorgfältigst bestickt, handgeformt und liebevoll handbemalt. Die federleichten Puppen sind typisch für das Kasperlspiel und fantastisch ausdrucksstark. Der Einsatz edler Materialien macht diese Puppen seit über sieben Jahrzehnten zu einem \"beliebten und bewährten Klassiker\". \u003cbr\u003e100% deutsche Handarbeit \u003cbr\u003eWir empfehlen das \u003ca href=\"https:\/\/menschenskinder-shop.de\/products\/kersa-tuertheater-palazzo-90020\" title=\"Kersa Tür- Theater\"\u003e\u003cspan style=\"text-decoration: underline;\"\u003eTürtheater Palazzo\u003c\/span\u003e\u003c\/a\u003e für die Aufführungen der besonderen Art.\u003c\/p\u003e\u003ch4\u003eHinweise zur Produktsicherheit:\u003c\/h4\u003e\u003cp\u003eAchtung! Nicht für Kinder unter drei Jahren geeignet. Verschluckbare Kleinteile. Erstickungsgefahr!\u003c\/p\u003e"}
  </script>

 

 

 

 In there, I have a link to an image:

https:\/\/cdn.shopify.com\/s\/files\/1\/0298\/5895\/5363\/products\/kersa-handpuppe-zauberer-12600_3d597ff9-3d83-42f9-91f3-8413556eb407.jpg?v=1602679960

There's an error in this or what are all the "\/\/" doing in there? Does a json response of product data creating these kinds of links?

Maybe someone can help me with some more clarity here. Thank you!!

 

0 Likes