This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision Next revision Both sides next revision | ||
public:apps:preorder:manual_installation [31.01.19 в 16:13] Максим Дубинин |
public:apps:preorder:manual_installation [30.04.21 в 18:12] Максим Дубинин |
||
---|---|---|---|
Line 1: | Line 1: | ||
====== Manual installation ====== | ====== Manual installation ====== | ||
- | 1. Add a snippet "simple-preorder-bootstrap.liquid" with code (): | + | 1. Add a snippet //"simple-preorder-bootstrap.liquid"// with next code: |
<code> | <code> | ||
+ | <style id="simple_preorder_style"></style> | ||
<script> | <script> | ||
// Bootstrap for Simple Preorder app | // Bootstrap for Simple Preorder app | ||
Line 30: | Line 32: | ||
"inventory_quantity": '{{item.variant.inventory_quantity}}', | "inventory_quantity": '{{item.variant.inventory_quantity}}', | ||
"inventory_management": '{{item.variant.inventory_management}}', | "inventory_management": '{{item.variant.inventory_management}}', | ||
- | "inventory_policy": '{{item.variant.inventory_policy}}' | + | "inventory_policy": '{{item.variant.inventory_policy}}', |
+ | "properties": {{ item.properties | json }} | ||
}, | }, | ||
{% endfor %} | {% endfor %} | ||
] | ] | ||
}, | }, | ||
+ | // "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', | ||
+ | // "nativeVariantsSelector": 'form[action="/cart"] [name^="id"]', | ||
// "checkoutSelector": 'form[action="/cart"] [type="submit"][name="checkout"]', | // "checkoutSelector": 'form[action="/cart"] [type="submit"][name="checkout"]', | ||
// "updateSelector": 'form[action="/cart"] [type="submit"][name="update"]', | // "updateSelector": 'form[action="/cart"] [type="submit"][name="update"]', | ||
Line 43: | Line 49: | ||
}; | }; | ||
</script> | </script> | ||
- | <script src="https://http://preorder.kad.systems/scripts/name-of-your-shop.myshopify.com.js"></script> | + | |
+ | <script src="{{ 'simple-preorder-data.js' | asset_url }}" defer="defer"></script> | ||
+ | <script src="https://preorder.kad.systems/scripts/NAME-OF-YOUR-SHOP.myshopify.com.js" defer="defer"></script> | ||
+ | <script src="{{ 'simple-preorder.js' | asset_url }}" defer="defer"></script> | ||
</code> | </code> | ||
- | 2. In the theme template "product.liquid" right before the closing tag "</head>" add the code to connect the snippet: | + | |
+ | > **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 //"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 --> | ||
Line 57: | Line 69: | ||
* updateSelector — update cart button | * updateSelector — update cart button | ||
- | If this does not work, please write to support@kad.systems | + | If this does not work, please write to [[support@kad.systems]] |