User Tools

Site Tools


public:apps:preorder:manual_installation

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
public:apps:preorder:manual_installation [28.03.19 в 17:30]
maximzasorin_gmail.com
public:apps:preorder:manual_installation [17.03.22 в 04:29] (current)
Дария Тяжлова
Line 4: Line 4:
  
 <​code>​ <​code>​
 +<style id="​simple_preorder_style"></​style>​
 <​script>​ <​script>​
     // Bootstrap for Simple Preorder app     // Bootstrap for Simple Preorder app
Line 37: Line 38:
             ]             ]
         },         },
 +        // "​startupDelay":​ 100,
 +        // "​productFormSelector":​ '/​cart/​add',​
         // "​productSelector":​ '​form[action="/​cart/​add"​] [type="​submit"​]',​         // "​productSelector":​ '​form[action="/​cart/​add"​] [type="​submit"​]',​
         // "​variantsSelector":​ '​form[action="/​cart/​add"​] .variants-selector',​         // "​variantsSelector":​ '​form[action="/​cart/​add"​] .variants-selector',​
Line 43: Line 46:
         // "​updateSelector":​ '​form[action="/​cart"​] [type="​submit"​][name="​update"​]',​         // "​updateSelector":​ '​form[action="/​cart"​] [type="​submit"​][name="​update"​]',​
         // "​updateInputsSelector":​ '​form[action="/​cart"​] [name^="​updates["​]',​         // "​updateInputsSelector":​ '​form[action="/​cart"​] [name^="​updates["​]',​
 +        // "​preorderBadgeContainerSelector":​ '​.product-item__image-wrapper',​
 +        // "​updateInputsSelector":​ '​input[name="​quantity"​]',​
         // "​debug":​ true,         // "​debug":​ true,
     };     };
 </​script>​ </​script>​
-<​script ​src="https://​http://​preorder.kad.systems/scripts/​NAME-OF-YOUR-SHOP.myshopify.com.js">​</​script>​+ 
 +<​script ​id="kad-preorder-config-loader">​ 
 +  (() => { 
 +    try { 
 +      function loadPersonalConfig() { 
 +        let personalConfig = localStorage.getItem('​SimplePreorderBootstrap'​) 
 +        if (typeof personalConfig === '​string'​) { 
 +          return JSON.parse(personalConfig) 
 +        } 
 +      } 
 + 
 +      function savePersonalConfig(config) { 
 +        localStorage.setItem('​SimplePreorderBootstrap',​ JSON.stringify(config,​ null, 2)) 
 +      } 
 + 
 +      function isDevParamSpecified() { 
 +        return new URLSearchParams(window.location.search).get('​kad-dev') !== null 
 +      } 
 + 
 +      let personalConfig = loadPersonalConfig() 
 + 
 +      if (isDevParamSpecified()) { 
 +        personalConfig = personalConfig || {} 
 +        personalConfig.dev = true 
 +      } 
 + 
 +      if (personalConfig) { 
 +        Object.assign(SimplePreorderBootstrap,​ personalConfig) 
 +        savePersonalConfig(personalConfig) 
 +      } 
 +    } catch (err) {} 
 +  })() 
 +</script>​ 
 + 
 +<script id="​kad-preorder-injector">​ 
 +  (() => { 
 +    let lastScript = document.getElementById('​kad-preorder-injector'​) 
 + 
 +    function injectScript(url,​ type) { 
 +      const script = document.createElement('​script'​) 
 +      script.src = url 
 +      script.type = type || ''​ 
 +      script.async = false 
 +      script.defer = true 
 +      lastScript = lastScript.parentNode.insertBefore(script,​ lastScript.nextSibling) 
 +    } 
 + 
 +    if (SimplePreorderBootstrap.dev && SimplePreorderBootstrap.devScriptUrl) { 
 +      injectScript(SimplePreorderBootstrap.devScriptUrl,​ SimplePreorderBootstrap.devScriptType) 
 +    } 
 + 
 +    if (SimplePreorderBootstrap.dataScriptUrl) { 
 +      injectScript(SimplePreorderBootstrap.dataScriptUrl,​ SimplePreorderBootstrap.dataScriptType) 
 +    } 
 + 
 +    if (SimplePreorderBootstrap.settingsScriptUrl) { 
 +      injectScript(SimplePreorderBootstrap.settingsScriptUrl,​ SimplePreorderBootstrap.settingsScriptType) 
 +    } 
 + 
 +    if (SimplePreorderBootstrap.appScriptUrl) { 
 +      injectScript(SimplePreorderBootstrap.appScriptUrl,​ SimplePreorderBootstrap.appScriptType) 
 +    } 
 +  })() 
 +</​script>​
 </​code>​ </​code>​
  
 > **Important:​** At the very bottom of the snippet in the last line, replace the text "​NAME-OF-YOUR-SHOP"​ with the address of your store from the address bar of the browser when you are in the admin area of the store (like "//​**simple-pre-order-demo-shop**//​.myshopify.com",​ and not, for example, "<​del>​spo-demo.shop</​del>"​). > **Important:​** At the very bottom of the snippet in the last line, replace the text "​NAME-OF-YOUR-SHOP"​ with the address of your store from the address bar of the browser when you are in the admin area of the store (like "//​**simple-pre-order-demo-shop**//​.myshopify.com",​ and not, for example, "<​del>​spo-demo.shop</​del>"​).
  
-2. In the theme template //"product.liquid"//​ right before the closing tag "</​head>"​ add the code to connect the snippet:+2. In the theme template //"theme.liquid"//​ right before the closing tag "</​head>"​ add the code to connect the snippet:
 <​code>​ <​code>​
 <!-- Snippet for Simple Preorder app --> <!-- Snippet for Simple Preorder app -->
public/apps/preorder/manual_installation.1553783458.txt.gz · Last modified: 28.03.19 в 17:30 by maximzasorin_gmail.com