Install in 1.0 themes
Before Uploadery starts working on your store, you will need to install the app block onto your current theme.
Watch the video below or follow along with the step-by-step instructions in this guide to install Uploadery.
Here is the install code snippet mentioned in the video:
<div id="uploadery-container"></div>1. Starting from your Shopify dashboard, click on Online Store, and then click on Themes.
2. Click the Actions button, then select Edit code.
3. Use the search bar located in the top left of the code editor to search for your product.liquid file.
4. Click into your product.liquid file.
5. Do a search using the keyboard shortcuts (ctrl F or ⌘ F) for the following line of code.
6. If you found a match, click here to skip to step 10.
If no results show up, search for the product-template.liquid file and click on it.
7. Do a search again for {% form 'product' using the keyboard shortcuts (ctrl F or ⌘ F).
8. If you found a match, click here to skip to step 10.
If no results show up, search for the product-form.liquid file and click on it.
9. Do a search again for {% form 'product' using the keyboard shortcuts (ctrl F or ⌘ F).
10. Once you find that line of code, please locate the following {% endform %} tag a few code blocks below.
This designates the section where the install code snippet (available in the next step) should be placed within. For example, in the image below, the section is located between lines 161 and 245.
11. Start by copying the Uploadery install code snippet below.
12. Within this section of code, look for the word quantity. Paste the install code snippet above that, as seen below.
Not seeing a quantity section? Look for add to cart text and paste the install code snippet above that section.
13. Save your changes.
14. You can now start creating upload fields for your products. Follow the instructions in this article to get started.
What's next?
Add a snippet of code so upload fields can display quicker on your product page: Decrease Uploadery's load time.
Need to adjust the upload link on the cart page?
Shorten the link shown on the cart page by adjusting the upload link: Display file upload details in the cart page.
Want to customize the look of your upload fields?
Here are some great resources to get you started:
Last updated