{"_id":"566b4ba6f46dc90d009de81f","parentDoc":null,"user":"55a6caa022cfa321008e01d6","__v":17,"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":1,"body":"[block:html]\n{\n  \"html\": \"<a name=\\\"schema-json-ovw\\\"></a>The Stencil <a href=\\\"https://support.bigcommerce.com/articles/Public/Using-the-Stencil-Theme-Editor\\\">Theme Editor</a> is a friendly point-and-click interface that allows BigCommerce merchants to modify their storefront's look and feel without manually entering any code. Theme Editor users can customize their storefront theme by modifying characteristics from a variety menu options such as Styles, Colors, Typography, and more.<br><br>\\n\\nFurthermore, the Stencil Theme Editor is a useful rapid-customization tool for developers. To work with the Theme Editor GUI locally, run <span class=\\\"inline-code\\\">stencil start -e </span>, and point your browser to localhost:8181, as described <a href=\\\"/docs/running-stencil-locally#StartTheme+Editor\\\">here</a>.<br><br>\\n\\nThe remainder of this section guides you through configuring your own theme options in order to ultimately create a merchant-customized theme using the Stencil 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 the Stencil Theme Editor?"}

What is the Stencil Theme Editor?


[block:html] { "html": "<a name=\"schema-json-ovw\"></a>The Stencil <a href=\"https://support.bigcommerce.com/articles/Public/Using-the-Stencil-Theme-Editor\">Theme Editor</a> is a friendly point-and-click interface that allows BigCommerce merchants to modify their storefront's look and feel without manually entering any code. Theme Editor users can customize their storefront theme by modifying characteristics from a variety menu options such as Styles, Colors, Typography, and more.<br><br>\n\nFurthermore, the Stencil Theme Editor is a useful rapid-customization tool for developers. To work with the Theme Editor GUI locally, run <span class=\"inline-code\">stencil start -e </span>, and point your browser to localhost:8181, as described <a href=\"/docs/running-stencil-locally#StartTheme+Editor\">here</a>.<br><br>\n\nThe remainder of this section guides you through configuring your own theme options in order to ultimately create a merchant-customized theme using the Stencil 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]