This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
public:apps:preorder:manual_installation [06.03.20 в 10:25] Максим Дубинин |
public:apps:preorder:manual_installation [17.03.22 в 04:29] Дария Тяжлова |
||
---|---|---|---|
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 45: | 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://preorder.kad.systems/scripts/NAME-OF-YOUR-SHOP.myshopify.com.js"></script> | + | |
- | <script src="https://preorder.kad.systems/script/simple-preorder.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> | ||