Main issue: Add and style an input field in the product information section (via custom.liquid) so it appears as a single-line field similar to the quantity picker. Current code uses a textarea named properties[Player’s Age].
What’s been shared:
The OP provided a code snippet (label + textarea) and a screenshot showing the current appearance.
Goal is to reduce the field size to a single-line text field and include the captured data in bulk order export spreadsheets.
Suggestions offered:
Use Matrixify for bulk exporting (and bulk importing) the field data; a tutorial for managing Shopify Metafields is referenced, with support offered for guidance.
Use a product options app (EasyFlow Product Options) to add and style the text field as desired; free version available with live chat support.
Outcomes/decisions:
No direct CSS or code-level styling guidance was provided in-thread for converting the textarea to a single-line styled input.
A clear path for bulk export/import is suggested via Matrixify.
Status: Partially addressed. Export/import guidance provided via apps; styling question remains unresolved in the discussion.
Summarized with AI on December 19.
AI used: gpt-5.
I recently watched a useful video on how to inset input text fields into the product information section of product templates using the custom.liquid block. However I am looking for some advice on how to style these.
I have attached a screenshot of what it currently looks like - I would like to reduce the size of the down to that of the quantity picker (single line text). Below is what is currently inserted in the custom.liquid box;
Player’s Age
Bonus points for if anyone can advise on how to then include this information on spreadsheet generated from a bulk order export, as this will save me a lot of time,
I’m Marton from EasyFlow Product Options.
Firstly, for the I recommend the Matrixify app for the bulk export in spreadsheet.
Secondly, you can install our app on this link and use our free version to add the text field the way you want.
Feel free to reach out on our live chat after installing our app, or reach out to me directly on email at marton.kosdi@gmail.com.
Good Luck!
Marton
Matrixify is definitely able to help with Exporting the field and also bulk Importing the data for it! We offer a great tutorial on how to manage your Shopify Metafields. If you have any specific questions about the process or need a little extra guidance, please feel free to reach out to us, we would be happy to help!
