We recommend you only update your Shopify store assets manually if you have specific customizations. Or, if our support team has recommended you to do so. Editing your store's theme file incorrectly may result in errors that could stop your store trading in a live environment.
There are two core assets that power the Zapiet app when it's installed on your store. The storepickup.js file and the storepickup.liquid file. To get the best performance from the Store Pickup + Delivery app, you should run the latest versions of both files.
Updates to these files add new features, increase performance and squash bugs as the crop up. You can always get the latest versions of the assets from the Release Notes page (linked below). Should you get any issues with an update on your Shopify store and you need to roll back, previous versions are available on the same page. Should you get an issue/conflict with updating an asset and your current theme, reach out to us on firstname.lastname@example.org. We will investigate the issue!
To complete certain steps of this guide you will need a good plain text editor for your computer. Desktop publishing apps such as Microsoft Word and Apple's Pages may not be able to open these files and if they do, could compromise the file's functionality. We recommend that you use Sublime Text. It is a free, cross-platform plain text editor for Windows, Mac OSX and Linux. You can download it for free here.
Updating the storepickup.js file
- Login to your Shopify and head to your theme settings. If you're unsure where this is, it's located in 'Online Store' and then 'Themes'.
- Select the '...' icon above your theme and 'Edit HTML/CSS'. We always recommend that you email yourself a copy of theme before editing your live site. Once changes are applied they should be considered permanent as Shopify has limited access to roll back files.
- Navigate to the 'Assets' folder and select 'Add a new asset' where a dialogue box will pop up. Select the 'Choose file' button and navigate location of the file that you downloaded at the start of this guide.
- After selecting it, Shopify will realise that the file names are the same and offer you the option of replacing the JS file. This is the best method as it leaves less clutter in your theme, click the 'Replace Existing' button.
Updating the storepickup.liquid file
The storepickup.liquid file is second of the two core files that underpin the Shopify app. It provides the actual structure in which the widget is contained and helps support the translation functions of the app.
- Login to your Shopify and head to your theme settings. If you're unsure where this it's located in 'Online Store' and then 'Themes'.
- Select the "..." icon above your theme and 'Edit HTML/CSS'. When updating the JS we recommend that you email yourself a copy of theme before editing your live site.
- Navigate to the 'Snippets' folder and select the 'storepickup.liquid' file. Once the file loads select the whole content, delete it and save the file. Keep the file open as you will need to add back in the latest code in a moment.
- Next, open the downloaded storepickup.liquid file in Sublime text or your chosen plain text editor. Copy all the contents to your clipboard. Once copied move back to your web browser.
- Into the empty file that is on your Shopify store, paste the contents of the new storepickup.liquid file and save.
- Once this file is saved that's it you're done! If you're still a little unsure simply watch the quick video we have below: