Make a text area mandatory before clicking on ADD TO CART

Topic summary

  • Goal: Require a product page text area to be completed before the “Add to cart” action.

  • Initial advice: Enforce the requirement via JS (JavaScript) by altering theme code. A collaborator offered to edit the code but cautioned that incorrect edits could break the theme, suggesting a developer if needed.

  • The requester asked for DIY guidance, then confirmed they resolved it themselves.

  • Alternative solution shared: Use the Easify Product Options app (free plan). Add a Text Area option and set it as required so customers must fill it out before adding to cart. An example image of the setup was provided. The app’s color/image swatches were also recommended to improve color selection UX.

  • Outcome: The requester’s issue appears resolved. The thread also documents an app-based approach for others seeking a no-code method.

Summarized with AI on December 28. AI used: gpt-5.

Agreeing that you can do it. But if you are not enough knowledgeable to
edit a code then the theme can break. A dev can fix the errors if occured.