A lot of people were asking on how to achieve this. Quite simple guys. Just a few steps. I did posted on how to add text field in your product page. See link.
To start:
1. Go to your admin store > Online store > Themes > Actions > Edit code.
2. Open the Sections folder and find the main-product.liquid.
3. In the file, find the "buy_buttons", then it should have a {% form %}. You can paste the code below.
| <p class="line-item-property__field"> <label for="image">Upload Image:</label><br> <input required class="required" type="file" accept="image/*" name="properties[image]"> </p> |
4. To make this as a required, delete the novalidate: 'novalidate', in the form. Make sure you include the comma. Check the video for more information.
That's it (",). Quite simple. No javascript code needed
2 comentários
Hi @Cate,
This is a section. You can apply it to any part of your shopify store but if you are thinking on applying it to a certain product. You have to create a new product template. You just have to add a section in it. Then change the template of your template in the product section of your admin.
Hi! I was thrilled at how simple this is after seeing several other very involved tutorials. I was wondering if there’s a way to only make the upload file apply to one product?