Product pages - Get customization information for products

Topic summary

Core Topic:
Implementing line item properties on Shopify product pages to collect customer customization information (e.g., engraving text, personalization details, file uploads).

Key Implementation Steps:

  • Create alternate product templates (product.customizable.liquid) with custom form fields
  • Add HTML input elements with name="properties[Field Name]" syntax
  • Use Shopify UI Elements Generator tool for generating form field code
  • Ensure inputs are placed inside product <form> tags or use HTML5 form attribute

Common Technical Challenges:

  • Theme compatibility: Tutorial designed for older sectioned/non-sectioned themes; newer themes (Dawn, OS 2.0) use .json templates requiring different approaches
  • Missing quantity selectors: Custom fields sometimes hide quantity pickers; fix by enabling “Show quantity selector” in theme settings
  • “Submit” button location: Varies by theme; often found in snippets (product-info.liquid, product-form.liquid) rather than main template
  • Quick view/Buy Now buttons: May bypass required customization fields; requires separate implementation

Data Visibility & Export:

  • Line item properties stored as strings appear at checkout; integers/underscore-prefixed values hidden from customers but visible in admin
  • Properties visible in Admin > Orders but not automatically included in standard CSV exports
  • Third-party apps (EZ Exporter, Mechanic) recommended for bulk data extraction

Current Status:
Thread remains active with ongoing troubleshooting for OS 2.0 themes. Many users successfully implement basic text fields but struggle with advanced features (conditional logic, file uploads, styling consistency). Official Shopify support explicitly not provided for this customization.

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

hi everyone !

How can i do for get multiples files in my orders ?

How can i do for get multiples files in my orders

snaptube vidmate

Hi I am having some trouble. I have followed each of these steps and still cant seem to get my customization to show up in the cart for me or for my customers.

Here is link below to a product that I have made a custom template for.

https://hannahkateclothing.com/products/lee-sunsuit-ivory-gauze?_pos=1&_sid=89448c15a&_ss=r

The line item code generator was super easy. but I am having trouble with making it show up in my cart

I know this thread is quite old, so not sure i’ll get a reply to this.

I’m sooooo close. So, I have followed the step by step guide and the personalised text boxes are showing and when I do a test order it comes through to me when I select “add to cart”, however when I do a test run and select “Buy Now” it doesn’t pull through the personalisation text.

Can someone help please?

Thanks

Emma

3 Likes

Hi @TyW PaulNewton

Couple of issues that I’m experiencing (1. is the same as Emma above me).

  1. The code is correctly forcing the customer to enter personalisation text when selecting ‘add to cart’ - but not when selecting ‘buy it now’. Is there an easy fix for this?

  2. When added to cart, the personalisation default text is being added to the product title (highlighted yellow below). Again, if anyone has an easy fix to remove this, it’d be much appreciated.

Other than that, what a fantastic tutorial - thank you so much for your time!

Regards
Stephanie

EDIT: I was able to fix it. In the shipping confirmation emails, the variable line.properties no longer exists like it does in the order confirmation emails. For the shipping emails it is now line.line_item.properties

Hi, I was able to add the line properties to my emails, however I have come across a Shopify bug. If an order is fulfilled as one, then all works fine and the line property for the product shows in the email with code suggested. But if there are multiple items in an order, and you first partially fill it, when you later fulfill the entire order with the last product that has a line property, the variable doesnt exist at all. The line property variable only works if the order isnt firstly partially filled. How can this be overcome?

1 Like

Hi, I am new to the Shopify. I want to buy spins for coin master game. If anyone do not know what is spins, please see here then tell me the process how I can buy this. or is it available on Shopify? I am a diehard fan of this game, that’s it’s important for me to buy it.

1 Like
  • Update *

Just after posting I figured out how to do it. If anyone else has this issue, you need to edit your theme and go to a product page with the customized template. On the left, click on “Product pages” and then select the box “Show quantity selector”. I had no idea the settings needed to be changed for each new template you create. This will also allow you to do other things such as disable/enable your dynamic checkout button, which I saw a lot of people ask about.

  • Original post *

I followed this tutorial and it worked for adding a text box to my product page. However, the Quantity selector disappears. I have tried creating a product-customizable-template.liquid that is an exact copy of product-template.liquid and the Quantity selector still doesn’t show up. How does using this customizable product page Theme template automatically remove the Quantity selector with no changes? I’m using Minimal theme.

Here is a product page using the customizable template:

https://basketbub.ca/collections/gift-baskets/products/mini-sweet-delight

Here is a product page using the default template:

https://basketbub.ca/collections/gift-baskets/products/decorative-picks

Thanks!

Hello

I made the customization during this tutorial, where I just came to the box with all the wrong codes. But I figured it out. After that, I made first a template for product.customizable.liquid and then a template for product-item.customizable.liquid - And now I have to bundle them together…

How on Earth do I do that?

I think, that maybe I should do it in the directory file, but cannot find the right place?

Can anyone help a rookie?

Thanks in reward.

Hi,

We are using the Warehouse theme, and we want to do customize products for specific products on our website.

But, we can’t edit the code because the tutorial is different from ours.

Is there any possibility that you can do the tutorial of the Warehouse theme?

Thanks

1 Like

Hello, I followed the guidelines to apply this to a product and am getting mixed results. I have a listing for a jewelry ring, and would like the customer to be able to specify their ring size. When adding the customizable template, I get a page that has no quantity selector, and additionally has a new “buy it now” button AND the sitewide “add to cart button”. I can’t seem to find the “buy it now” in the code. What’s going on?

1 Like

We are also using Warehouse, and cannot get further either…

Thank you.

Chalotte

1 Like

I have created an app which uses line item properties to get additional data from user, I hide them using “_” but this is not working in some themes on theme store. these are public themes and should support. for example Icon theme.

1 Like

Hi. i also have the same question. where does the file that is uploaded by my customer will saved to? in our domain? because i have use this for quite sometime and my domain disk space is getting bigger and bigger, and i cant find the file. anyone can help?

I’m using the free “Supply” theme and I was able to add a field to the Product page to collect personalized product text. However, the code to show it on the shopping cart is not working. Does anyone know if there is something different for the Supply theme?

Hello there, did you find a solution for this. I am having the same issue

{{ line.title }} does not appear in my Order Confirmation code. I’m using the default code. Can someone please help?

Hi All

I have just added a customizable area for customers to add the personalisation details but there is no border around the area where they are to write the details. How do i add a colour border around that section :disappointed_face:

Daniella

\hi there great tutorial.

Is there no way to easily export all this data when the orders are created? What if you have 1000 orders of a product with customisations like this. What would be the easiest way to export the data and manage it?

Thanks

1 Like

To get the data you want in the format you want, you’d want to use an ETL app for CSV and excel such a ez-export,matrifixy , or scriptable automation apps like usemechanic.

1 Like