Personalized checkout and custom promotions with Shopify Scripts
Hi all,
I have added two custom field on my cart page "your name" and "your contact no." and it is supposed to be a required field.
When I add the codes to the main-cart-items.liquid file, the required fill works. It will not allow me to proceed to the checkout page if i did not fill in the fields.
However, I would prefer the "your name" and "your contact no." to appear below the subtotal which I had to add the codes to the "main-cart-footer.liquid" file instead. After adding the custom field box here, the "required" function is not working. I can proceed to the checkout page without filling in these two fields.
This is how my code looks like:
<p class="cart-attribute__field"><P STYLE="text-align:right", style="font-family: harmonia sans">
<label for="your-contact-no">Your Contact No.</label>
<input required class="required" id="your-contact-no" type="text" name="attributes[Your Contact No.]" value="{{ cart.attributes["Your Contact No."] }}">
</p>
Does anyone knows how to fix this issue?
Remove novalidate attribute from the the form tag
Hi Asad24,
Where do I find the novalidate attribute?
The code is the only thing I got from the custom field generator site.
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025