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 [31.01.19 в 16:22]
Максим Дубинин
public:apps:preorder:manual_installation [17.05.21 в 11:47] (current)
Дария Тяжлова
Line 1: Line 1:
 ====== Manual installation ====== ====== Manual installation ======
  
-1. Add a snippet "​simple-preorder-bootstrap.liquid"​ with next 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 31: 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"​]',​
         // "​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 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>​
  
-**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 -->
Line 61: Line 71:
   * 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]]
public/apps/preorder/manual_installation.1548940931.txt.gz · Last modified: 31.01.19 в 16:22 by Максим Дубинин