Documentation
Feedback
Guides

Store Framework
Styling
How to Interactively Inspect Blocks on a Store Framework Store

Prerequisites

You can only use this method on a development workspace.

How to

  1. Access https://{workspace}--{account}.myvtex.com/path-you-want/?__inspect.
  2. You'll be able to inspect each React element and grab information about the block.
  3. You can see the VTEX IO app that exports this block, the block itself and block class.

Example:

{"base64":"  ","img":{"width":2068,"height":1124,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":251892,"url":"https://cdn.jsdelivr.net/gh/vtexdocs/dev-portal-content@main/images/how-to-interactively-inspect-blocks-on-a-store-framework-store-0.png"}}

Contributors
1
Photo of the contributor
+ 1 contributors
Was this helpful?
Yes
No
Suggest edits (Github)
Contributors
1
Photo of the contributor
+ 1 contributors
On this page