How to Add Custom Text field on Shopify Product Page ( Dawn Theme )

Topic summary

A user seeks to add custom text fields to a Shopify product page using the Dawn theme, specifically wanting fields for Name, Email, and Image URL positioned in a particular layout (shown via screenshot).

Proposed Solutions:

  • KetanKumar suggested trying code from a UI elements generator resource
  • Sandeep81 provided detailed guidance, recommending against file upload functionality due to database/server requirements

Key Technical Recommendation:
Instead of allowing image uploads, use an image URL input field to avoid backend complexity. This approach:

  • Eliminates need for database storage
  • Simplifies order-wise image display
  • Allows verification via URL checking

Code Provided:
Sandeep81 shared Liquid template code implementing three custom fields (Name, Email, Image URL) within a product form, with validation attributes and proper labeling. The code can be extended to add more custom fields as needed.

A YouTube tutorial link was also referenced for visual guidance on implementing the solution. The discussion remains open for implementation feedback.

Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.

Hello Everyone!

I am using the Shopify Dawn Theme. I want to add custom text field to the product page. I have added a image. I want to put it like this on the product page. Thank you in advance.

URL: https://puppies-paws-shop.myshopify.com/
Password: Admin

1 Like

@dreamtechzone_5

can you try this code

https://ui-elements-generator.myshopify.com/pages/line-item-property

Hi Dremtechzone_5,
In the above requirement, I am trying to help you.
In the above requirement if you use the upload an image option and choose a file option then you have to save the image in the database and you have to show it with the order dynamically mean order wise image. so it need more coding to show that image with order and to save it to database. For database you need your server.
So i have an idea instead of upload image option you give the option to add image url.
By the use of it you can show the data with the order and you can check the image with by checking the image url.
Here is the code..

{% form ‘product’, product %}

Name:
Email:
Image URL:

Add to cart
{% endform %}

in the given code i have added 3 custom fields you can add custom fields as per your requirement.

you can also watch this video to upload the image
https://www.youtube.com/watch?v=MWc1y2SEluM

Please try

Hi Dreamtechzone_5,