Cart Order Instructions and Gift Message

[anupangadi]

 I am using Ella Theme 6.5.2 by Halo Themes and I have been trying to implement Order Special Instructions and Gift message in both the Quick Cart and the Main Cart. But the Order Special Instructions and Gift message are not getting linked or saved from Quick Cart to Main Cart. And they are not visible in my Test Orders. I need the Order Special Instructions  and Gift Message to be saved on Input from user .Please can anyone help me with this, I would really appreciate any help. Thanks in advance.

        <coupon-code class="discount-code-field"> 
                        {% render 'icon-cart-discount' %}
                        <label for="coupon-code">&nbsp {{ settings.coupon_title }}</label> 
                        <input autocomplete="off" type="text" name="discount" id="coupon-code" class="field__input" /> {{ cart.discount_applications }}
                        <p >Enter your special discount code here.<br> No code? <a href="https://humcommerce-store.myshopify.com/pages/subscribe" target="_blank">Subscribe</a> to our occasional emails to receive special offers.</p>
                        <button type="button" style="display:none" title="{{ 'general.cart.save' | t }}" class="button button-1" data-update-coupon>{{ 'general.cart.save' | t }}</button>
        </coupon-code>
        <cart-note class="cart__note">
                        <label for="Cart-note">{% render 'icon-cart-note' %} &nbsp {{ 'sections.cart.note' | t }}</label>
                        <textarea class="text-area text-area--resize-vertical field__input" name="note" id="Cart-note" placeholder="{{ 'sections.cart.note' | t }}"></textarea>
                        <button type="button" style="display:none" title="{{ 'general.cart.save' | t }}" class="button button-1" data-update-note>{{ 'general.cart.save' | t }}</button>
        </cart-note>
        <br>
        <gift-card-cart id="is-a-gift" data-id="{{ id }}">
                        <label for="gift-message">{% render 'icon-cart-gift' %}  &nbsp Gift Message</label>
                        <input autocomplete="off" type="text" name="gift" id="gift-message" placeholder="Please Enter your Gift Message" class="field__input" />{{ cart.gift }} 
                        <button type="button" style="display:none" title="{{ 'general.cart.save' | t }}" class="button button-1" data-update-gift>{{ 'general.cart.save' | t }}</button>
        </gift-card-cart>