{"_id":"566b4ba6f46dc90d009de81f","parentDoc":null,"user":"55a6caa022cfa321008e01d6","__v":16,"project":"55a6e72e8cc73e0d00096635","version":{"_id":"55a6e72f8cc73e0d00096638","project":"55a6e72e8cc73e0d00096635","hasReference":false,"__v":29,"hasDoc":true,"createdAt":"2015-07-15T23:05:19.125Z","releaseDate":"2015-07-15T23:05:19.125Z","categories":["55a6e7308cc73e0d00096639","55b7ed07aea7c8190058badb","5604567c0c78b00d0039b191","5605e6f23a93940d002b3e4a","5605f2bba4574a0d00811365","5605f309a4574a0d00811366","5608e3b98aedf50d0004cf8f","5608e4318aedf50d0004cf90","5608e6b5a7cc2f0d00d9754d","5608e6d331beb60d001b6560","5608f879a7cc2f0d00d97580","560b097887b71d0d000d3bd9","560b13cbafa0990d00979545","560b5cbec341310d00de2a01","560b5cd0c341310d00de2a02","566a35b81e08750d00a0c49b","566a3e8503b4b20d00d02a4a","567889d307bf6a0d0083edc8","569c8b7c15bb390d00db6f9d","56b254dc65ddf50d0076ba8f","57a8ebc4cdeea20e001d2a63","57e48a4000c8680e00fae6e7","5808216773557d0f00a1e428","58105ad54a8aa50f00aa4cba","58105bf298aea40f00afa3ba","58105f548a4aed0f00d67536","581061b898aea40f00afa3be","584b3de7e5f3a42300df6ef7","596839a75965d400155bb750"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"1.0.0","version":"1.0"},"category":{"_id":"566a35b81e08750d00a0c49b","__v":2,"version":"55a6e72f8cc73e0d00096638","pages":["566b4ba6f46dc90d009de81f","568aea8fcbd4ca0d00aebfa9"],"project":"55a6e72e8cc73e0d00096635","sync":{"url":"","isSync":false},"reference":false,"createdAt":"2015-12-11T02:32:24.723Z","from_sync":false,"order":5,"slug":"theme-editor-configuration-reference","title":"Theme/Editor Configuration"},"updates":["577ddc4bc7b5c50e00a708d1"],"next":{"pages":[],"description":""},"createdAt":"2015-12-11T22:18:14.455Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":5,"body":"[block:html]\n{\n  \"html\": \"<a name=\\\"schema-json-ovw\\\"></a>Theme Editor is a friendly user interface that allows BigCommerce merchants to modify their storefront's look and feel without coding. Users customize their storefront theme by selecting from among graphical examples and menu options.<br><br>\\n\\nTheme Editor is also a useful rapid-customization tool for developers. To see the Theme Editor UI, start Stencil with the <span class=\\\"inline-code\\\">-e</span> option, and then point your browser to port 8181, as described <a href=\\\"/docs/running-stencil-locally#StartTheme+Editor\\\">here</a>.<br><br>\\n\\nThe remainder of this section provides guides you through exposing and configuring the theme options you choose to make merchant-customizable through Theme Editor.\"\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"danger\",\n  \"title\": \"Single Instance per Storefront | Local versus Production Impact\",\n  \"body\": \"We strongly recommend opening only one instance of Theme Editor at a time against each storefront. \\nThere is currently no synchronization mechanism for configuration changes made by multiple Theme Editor instances. So <span class=\\\"inline-code\\\">schema.json</span> will record the last changes made by any instance &ndash; but changes saved earlier by other instances might be lost.\\n\\nChanges that you, as a developer, make through Theme Editor will be confined to the sandboxed theme you are developing locally on your machine. However, changes that merchants make through Theme Editor will affect their live production stores.\"\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"warning\",\n  \"title\": \"Single-Store Restriction (and Workaround)\",\n  \"body\": \"In this initial release of Theme Editor, users can have only one storefront at a time open in Theme Editor. \\n\\nA workaround is to open a Chrome \\\"Incognito\\\" window on an additional storefront, to bypass the cookie that imposes this restriction.\"\n}\n[/block]","excerpt":"","slug":"what-is-theme-editor","type":"basic","title":"What Is Theme Editor?"}

What Is Theme Editor?


[block:html] { "html": "<a name=\"schema-json-ovw\"></a>Theme Editor is a friendly user interface that allows BigCommerce merchants to modify their storefront's look and feel without coding. Users customize their storefront theme by selecting from among graphical examples and menu options.<br><br>\n\nTheme Editor is also a useful rapid-customization tool for developers. To see the Theme Editor UI, start Stencil with the <span class=\"inline-code\">-e</span> option, and then point your browser to port 8181, as described <a href=\"/docs/running-stencil-locally#StartTheme+Editor\">here</a>.<br><br>\n\nThe remainder of this section provides guides you through exposing and configuring the theme options you choose to make merchant-customizable through Theme Editor." } [/block] [block:callout] { "type": "danger", "title": "Single Instance per Storefront | Local versus Production Impact", "body": "We strongly recommend opening only one instance of Theme Editor at a time against each storefront. \nThere is currently no synchronization mechanism for configuration changes made by multiple Theme Editor instances. So <span class=\"inline-code\">schema.json</span> will record the last changes made by any instance &ndash; but changes saved earlier by other instances might be lost.\n\nChanges that you, as a developer, make through Theme Editor will be confined to the sandboxed theme you are developing locally on your machine. However, changes that merchants make through Theme Editor will affect their live production stores." } [/block] [block:callout] { "type": "warning", "title": "Single-Store Restriction (and Workaround)", "body": "In this initial release of Theme Editor, users can have only one storefront at a time open in Theme Editor. \n\nA workaround is to open a Chrome \"Incognito\" window on an additional storefront, to bypass the cookie that imposes this restriction." } [/block]