Why aren't all custom fields displaying on customer orders?

[tifl]

I have added some custom fields to a specific product, and they are being displayed on the storefront. However, when a customer places an order, not all the custom fields are showing up on Shopify. Only one custom field is being displayed. I have provided the code snippet below where I have added these custom fields. Could you please check and let me know what could be the issue causing all the custom fields not to show up on Shopify?

{% if product.title == 'Personalized Embroidered Baby Girl Birth Hoop Frame' %}
                           <p class="line-item-property__field">
                                <label for="custom-name">Custom Name</label>
                                <input required class="required" id="custom-name" type="text" name="properties[Custom Name]" style="Width: 100%" placeholder="Write your Baby Name">
                                <label for="custom-time">Time</label>
                                <input required class="required" type="time" id="custom-time" name="custom-time" style="Width: 100%">
                                <label for="custom-weight">Weight in KG </label>
                                <input required class="required" type="number" id="custom-weight" name="custom-weight" min="1" max="10" placeholder="Baby Weight e.g. 3KG" style="Width: 100%">
                                <label for="day-select">Day</label>
                                      <select required id="day-select" name="day"style="Width: 100%">
                                      <option value="">-- Select a day --</option>
                                      <option value="Monday">Monday</option>
                                      <option value="Tuesday">Tuesday</option>
                                      <option value="Wednesday">Wednesday</option>
                                      <option value="Thursday">Thursday</option>
                                      <option value="Friday">Friday</option>
                                      <option value="Saturday">Saturday</option>
                                      <option value="Sunday">Sunday</option>
                                  </select>
                                <label for="custom-Height">Height in CM </label>
                                <input required class="required" type="number" id="custom-Height" name="custom-Height" min="1" max="100" placeholder="Baby Height e.g. 49cm" style="Width: 100%">
                                <label for="custom-name">Custom Date</label>
                                  <input required type="date" class="required" id="birthday" style="Width: 100%" name="birthday">
                                </p> 
                          {% endif %}

[PageFly-Oliver]

Hi [email removed]Tifl

you can try my code

'Personalized Embroidered Baby Girl Birth Hoop Frame' %}
                           

                                
                                
                                
                                
                                
                                
                                
                                      
                                
                                
                                
                                  
                                

 
                          {% endif %}

Hope my solution works perfectly for you.

Cheers!

Oliver | PageFly

[EasifyApps-Zoe]

Hi @tifl ,

I’d recommend trying out the Easify Product Options app—it’s a easy to set up custom options, and there’s a free plan you can start with. No coding needed, just a few minutes to configure everything. Here’s a quick demo on how to set up your options using the app :