Documentation
Feedback
Guides
Storefront Development

Storefront Development
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)
Customizing your store’s typography
« Previous
Using CSS Handles for store customization
Next »
On this page