How can I add a 10-digit validation field to my cart page?

[adrian56]

Hi everyone!
I need to add a field like this on my store page, with additional validation up to 10 digits, could someone help me to create such a field?
Thanks in advance for any hint

[BSS-Commerce]

Hey @adrian56 ,

Currently, default themes do not support adding theme fields with validation, you can use another app that supports this feature or hire a custom expert for your store.

[gr_trading]

Hi 

You can add additional order information on checkout page through cart attribute.

For this add below code in shopify cart.liquid file between the <form> and </form> tag. The form field will appear wherever you place the code.

<p class="cart-attribute__field">
<label for="your-name">Your name</label>
<input id="your-name" type="text" name="attributes[Your name]" value="{{ cart.attributes["Your name"] }}">
</p>

 Let me know if you have any questions?

[EasifyApps]

Hi @adrian56,

I wanted to share a suggestion that could streamline the process of number validation for your custom options. Consider displaying these options directly on the product pages instead of the cart page. This adjustment not only enhances the user experience but also makes implementing number validation more straightforward.

If you're open to making this change, the free Easify Product Options app is a tool that can assist you seamlessly. Here's a quick demo to illustrate 🤗:

• Storefront:

• App Settings: