In the documentation they have provided a sample of the object and its properties.
But how can I log check this object or how can I access this raw object with real data of products from my store?
I found there is a tag {% echo any_varable_name_here%} but this doesn’t output the object. How can one access the data/liquid object in JSON format as shopify has provided in their documentation?
Where would you like to see the output? On the rendered page itself?
In order to render the liquid object, you need to use {{ }}, not {}. So for example if you wish to render product title, if you are in a product page itself you can put in {{ product.title }}. You need to be mindful that some objects are global, but some are not. So for example, product.title will work directly in product page, but if you put that in the index page, it would not work, as liquid needs to know what product you want to pull. So it would require additional liquid codes to make that work.
If you have any of the shopify 2.0 themes, then it is easiest to use a custom liquid block, and you can see these instantaneously.
Thanks a lot for the explanation. I do have shopify 2.0 theme. I understood about using {{}} or {{product.title}} but how about if I would like to see the full product object itself. Is that possible? How can I see the full product object directly?
Also if possible can you please send any reference/link through which I can figure out how to use a custom liquid block and see the full object instantaneously?
If you go to theme → customise, it will take you to the theme editor.
From there, select product templates, called Default Product.
Under product information, add block. And then choose custom liquid.
You can add liquid code there, and the theme editor will render it real time so you can see what the code displays. Alternatively you can of course edit the theme files itself. But if you are just exploring, I think the custom liquid section is more convenient.