public:apps:preorder:manual_installation
Differences
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 [23.04.18 в 11:38] Артем Куц |
public:apps:preorder:manual_installation [29.06.20 в 13:10] Максим Дубинин |
||
|---|---|---|---|
| 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 %} | ||
| ] | ] | ||
| }, | }, | ||
| - | "productSelector": "form[action=\"/cart/add\"] [type=\"submit\"]", | + | // "startupDelay": 100, |
| - | "checkoutSelector": "form[action=\"/cart\"] [type=\"submit\"][name=\"checkout\"]", | + | // "productFormSelector": '/cart/add', |
| - | "updateSelector": "form[action=\"/cart\"] [type=\"submit\"][name=\"update\"]", | + | // "productSelector": 'form[action="/cart/add"] [type="submit"]', |
| - | "debug": true, | + | // "variantsSelector": 'form[action="/cart/add"] .variants-selector', |
| + | // "nativeVariantsSelector": 'form[action="/cart"] [name^="id"]', | ||
| + | // "checkoutSelector": 'form[action="/cart"] [type="submit"][name="checkout"]', | ||
| + | // "updateSelector": 'form[action="/cart"] [type="submit"][name="update"]', | ||
| + | // "updateInputsSelector": 'form[action="/cart"] [name^="updates["]', | ||
| + | // "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> | ||
| </code> | </code> | ||
| - | 2. In the product template 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 --> | ||
| {% include 'simple-preorder-bootstrap' %} | {% include 'simple-preorder-bootstrap' %} | ||
| </code> | </code> | ||
| - | 3. In the cart template add the code to connect the snippet: | + | 3. (Not mandatory) In the snippet adjust the selectors for following buttons: |
| - | <code> | + | |
| - | <!-- Snippet for Simple Preorder app --> | + | * productSelector — add to cart button |
| - | {% include 'simple-preorder-bootstrap' %} | + | * variantsSelector — list of variants |
| - | </code> | + | * checkoutSelector — checkout button in cart |
| - | 4. In the snippet adjust the selectors for following buttons: | + | * updateSelector — update cart button |
| - | * productSelector — кнопка добавления товара в корзину | + | If this does not work, please write to [[support@kad.systems]] |
| - | * checkoutSelector — кнопка оформления заказа в корзине | + | |
| - | * updateSelector — кнопка обновления корзины | + | |
public/apps/preorder/manual_installation.txt · Last modified: 17.03.22 в 04:29 by Дария Тяжлова
