Component Explorer

The Explorer theme is used in conjunction with the Shopify CLI Theme Component Plugin to create an isolated development and test environment for Theme Components inside of the Shopify Theme Editor.

How it works

Use the shopify theme component dev [component-name] command inside of a component collection like archetype-themes/reference-components to bootstrap your component development environment.

This command does the following operations:

1. Copy the contents of archetype-themes/explorer repo into the .dev directory
2. Copy setup files located in components/[component]/setup/[templates|sections|config] into their respective directories in the .dev directory
3. Copy component files snippets|assets into their respective directories in the .dev directory
4. Runs shopify theme dev on the .dev directory