How do I add custom fields on Product Pages?

Store Design

Topic summary

Goal: add a required custom field on product pages (Debut theme) to collect extra info before checkout.

Guidance and support:

  • Community tutorial shared for adding customization fields and blocking Add to Cart until fields are completed. Shopify’s Theme Support doesn’t support this customization; Experts Marketplace suggested for help.
  • Alternative approach proposed: collect information at customer registration and require accounts.

How to implement:

  • Use cart (line) item properties in the product form: an input like name=“properties[Your property name]” so the value appears in the order admin.
  • To show fields only on certain products, wrap the input in a Liquid condition (Shopify’s templating language), e.g., {% if product.title == “Your Product” %}…{% endif %}.
  • To apply to all products, add the input to the main product template/file (e.g., mainproduct.liquid) within the product form.

Open items and resources:

  • A YouTube tutorial was shared; file location clarified as the main product code page.
  • Questions about renaming the Vendor field remain unanswered.

Status: Partially resolved with multiple viable approaches; no single final decision.

Summarized with AI on January 8. AI used: gpt-5.
1

So for the past day or so I have been trying to add a custom field where users will have to add additional information in order to checkout. I think I have the code I need to input correct, but I am trying to figure out where in fact to input the code.

I am also on the debut theme as well.

2 Likes
2

Hey, @ryanhoward79 . Thanks for reaching out about this!

There’s a tutorial here in the Community for adding customization information on product pages. It provides the coding and steps to include various additional customization options on your product page. As well, it goes over how to prevent customers from adding a product to the cart before they have completed the required information.

Since this type of customization is unsupported by our Theme department, I recommend reaching out to a Shopify Expert if you need a hand with it. Take a look at the Help Doc for the Experts Marketplace to learn more.

Hope this helps!

2 Likes
3

Hey @ryanhoward79 ,

Where are you adding custom fields? Product page? Cart page?

Depending on your use case, it may be simpler (for you and you customers) to collect that additional information during registration and require customer accounts.

1 Like
4

Why is this feature not offered and supported by Shopify? It seems many sellers would like the option to provide a custom field for products, and the third party apps charge a monthly fee for this. This is a simple addition to the variants. Is there a reason it’s not supported for those of us with no coding experience?

9 Likes
5

Hi Kruane,

The feature is offered and supported by Shopify - through their cart item properties among other methods. It’s up to theme developers whether or not to offer these kinds of features in their themes. If your theme does not support custom fields, it’s easy enough to add them to the theme’s product form, using something like this:

This will be carried through to the orders admin page.

Hope that helps!

2 Likes
6

Hi Helen,

I have figured out how to add the custom field to my products but for some reason when I do it adds it to EVERY product even if the product them is “default” and not the custom one I had made. How do I add it to only CERTAIN products? Thank you

2 Likes
7

Hi Genevieve,

How do you add a custom field to all products? That’s exactly what I want to do but can’t figure out.

Do you happen to know if I can change the name of another field (vendor) to something else, too?

Thank you,

Anne Marie.

8

Did you end up working this out? I need to add custom field to only certain products too but its adding it to all. Maybe there is a template I can add for this?

1 Like
9

hi,

just add:
{% if product.title == “title-of-product” %}
your input code

{% endif %}

10

What fields did you add that too?

11

I made a video tutorial how to add custom fields in the product pages without needing any apps. You might find it helpful https://www.youtube.com/watch?v=EK7USO8FJ4s

1 Like
12

To the mainproduct.liquid page or an other name. it has to be the main product codepage