How to make the cart note mandatory on the cart page?

How to make the cart note mandatory on the cart page?

shokhan
New Member
6 0 0

Hi,
I'm using the Debutify theme and I am on the cart page
I need to make the cart note (where customers enter their username) a required field before they can proceed to checkout.

I tried adding required to the <textarea> and using oninvalid and oninput, but customers can still click checkout without filling it. Is there a native Shopify way to make the cart note truly mandatory on the cart page without custom JavaScript hacks?
below is an image of the result I want.

Any help would be appreciated!

shokhan_0-1745967799956.png

 


Thanks,
shokhan

Replies 10 (10)

suyash1
Shopify Partner
10959 1357 1733

@shokhan  - we can try to edit html for this cart note to make it mandatory

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
shokhan
New Member
6 0 0

Sure, thank you for replying, could you provide more info?

suyash1
Shopify Partner
10959 1357 1733

@shokhan - need to go to cart page in theme files, find out the location for cart note and add html tag required at textarea for this note. If you are familiar with coding then you can do it, else if you want then I can check it.

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
shokhan
New Member
6 0 0

im not very familiar with coding 😔

suyash1
Shopify Partner
10959 1357 1733

@shokhan  can you add me as collab? I can check it

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
shokhan
New Member
6 0 0

Yes ofc 7497 is the code

 

suyash1
Shopify Partner
10959 1357 1733

@shokhan - can you please share your website link?

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
suyash1
Shopify Partner
10959 1357 1733

@shokhan - I sent the request

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

Bundler-Manuel
Astronaut
1009 51 118

Hi there @shokhan  you should check out the self reply marked as a solution in this post here https://community.shopify.com/c/shopify-design/making-note-section-mandatory-cart-attributes-not-wor... and see if it works for you as well.

Emmanuel
Please let me know if it works by marking it as a solution!
Bundler - Product Bundles app, a great bundle app for Shopify, with glowing user testimonials and a free plan.
shokhan
New Member
6 0 0

i found nothing like "novalidate" in my checkout form