Install Uploadery Code on Narrative Theme

Before Uploadery starts working on your store, you will need to install the app onto your current theme.

Follow the step-by-step instructions below on how to install Uploadery for your Narrative theme.

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-form.liquid file.

4. In this file, do a search using the keyboard shortcuts (ctrl F or ⌘ F) for the following text.

{% form 'product'

5. Within the {% form and {% endform %} tags, locate the quantity section that starts with:

{% if section.settings.show_quantity_selector %}

6. Copy the following code snippet.

<div id="uploadery-container"></div>

7. Paste the code snippet on a new line right above the quantity section that you found in step 5.

8. Save changes.

9. 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.

Shorten the link shown on the cart page by adjusting the upload link: Display file upload details in the cart page.

Here are some great resources to get you started: