correction templateUrl

components/Snipcart.js

@@ -7,14 +7,16 @@ var Snipcart = function Snipcart(_ref) {
       currency = _ref.currency,
       innerHTML = _ref.innerHTML,
       openCartOnAdd = _ref.openCartOnAdd,
-      useSideCart = _ref.useSideCart;
+      useSideCart = _ref.useSideCart,
+      templatesUrl = _ref.templatesUrl;
   return /*#__PURE__*/React.createElement("div", {
     hidden: true,
     id: "snipcart",
     "data-api-key": publicApiKey,
     "data-currency": currency,
     "data-config-add-product-behavior": openCartOnAdd === false ? "none" : null,
     "data-config-modal-style": useSideCart === true ? "side" : null,
+    "data-templates-url": {},
     dangerouslySetInnerHTML: {
       __html: "\n        " + innerHTML + "\n      "
     }
@@ -25,6 +27,7 @@ Snipcart.defaultProps = {
   currency: "usd",
   innerHTML: "",
   openCartOnAdd: true,
-  useSideCart: false
+  useSideCart: false,
+  templatesUrl: null
 };
 module.exports = Snipcart;

gatsby-ssr.js

@@ -29,7 +29,8 @@ exports.onRenderBody = function (_ref, pluginOptions) {
     version: "3.0.19",
     innerHTML: "",
     openCartOnAdd: true,
-    useSideCart: false
+    useSideCart: false,
+    templatesUrl: null
   }, pluginOptions); // find public api key in options plugin or environment variable
 
 
@@ -50,7 +51,8 @@ exports.onRenderBody = function (_ref, pluginOptions) {
     ,
     currency: provideDefaultCurrency ? _options.currency : null,
     openCartOnAdd: _options.openCartOnAdd,
-    useSideCart: _options.useSideCart
+    useSideCart: _options.useSideCart,
+    templatesUrl: _options.templatesUrl
   }),
   /*#__PURE__*/
   // insert style

package.json

@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-snipcart-advanced",
   "main": "gatsby-ssr.js",
-  "version": "1.0.2-beta",
+  "version": "1.0.4-beta",
   "description": "Gatsby JS Plugin for Snipcart V3",
   "keywords": [
     "gatsby",

readme.md

@@ -47,7 +47,7 @@ module.exports = {
           },
         },
         templatesUrl:
-          "path on your template file. Set file in the static folder",
+          "path on your template file. Set file in the static folder, ex: '/snipcart/index.html'", // not work on dev. Gatsby not serve html file in dev https://github.com/gatsbyjs/gatsby/issues/13072
         innerHTML: `
             <billing section="bottom">
                 <!-- Customization goes here -->

src/components/Snipcart.jsx

@@ -15,7 +15,7 @@ const Snipcart = ({
     data-currency={currency}
     data-config-add-product-behavior={openCartOnAdd === false ? "none" : null}
     data-config-modal-style={useSideCart === true ? "side" : null}
-    data-templates-url={{}}
+    data-templates-url={templatesUrl}
     dangerouslySetInnerHTML={{
       __html: `
         ${innerHTML}