Change button position

UploadField – The photo upload will add your ‘Choose file’ button to your product page automatically just above the ‘Add to Cart’ button.

To place the button in a specified position, you have to edit your product template code by opening:
Online Store > Themes, and clicking More actions > Edit Code for your published theme.

Steps to follow:

Go to your Shopify Admin

1.    Navigate to Online Store

2.    Select Themes

3.    Navigate to Actions

4.    Click on Edit code

Your product template code is usually inside sections/product-template.liquid, but this can vary depending on your theme. Select the correct template from the left menu, then paste this code in where you’d like the field to appear:

5.    Locate sections/featured-product.liquid and paste this code

<div id="photouploadapp"></div>

Click Save, and you’re done.

One super-important thing: this embed code must be placed inside your product form, i.e. between the {% form ‘product’, product %} and {% endform %} liquid tags. This may be inside a snippet (e.g. snippets/product-form.liquid), so make sure you track this down before adding the embed code between the tags.

Warning: if you manually install UploadField – The photo upload outside your product form, it won’t work!

If you have difficulties, give us a shout and we can jump in and help!