Custom Input Field in Single product page

Topic summary

A Shopify store owner needs a custom calculator for product pricing based on dimensions.

Requirements:

  • Two input fields for customers to enter width and length (in inches)
  • Automatic price calculation by multiplying dimensions to get area
  • Pricing logic: $50 base price for areas up to 3 square inches, then $10 per additional square inch
  • Round up to next whole number (e.g., area of 3.24 rounds to 4 square inches)
  • Merge calculated price with default product price

Response:
A partner confirmed they can implement this calculator and provided a YouTube video reference demonstrating similar custom price calculation functionality they’ve previously developed.

Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.

Need a pretty basic calculator for my shopify website.
make 2 input fields which gets input from user one for width and one for lenght
The code would need to allow the customer to be able to adjust or manually enter the Length and Width they would like their custom product to be, then (using logic that I could modify later as needed) It would multiply the two values and adjust the price of the product. I would need to be able to enter a minimum price (I assume this would be the default product price) then there would be an addon price based on the area. For instance $50 would be the default price and would apply to all areas up to 3 square inches, beyond that the price needs to increase by $10 for every additional square inch. If the customer enters a values such as 1.2 and 2.7 (area of 3.24) the app would round up to the next whole number, in this case 4 square inches and show the price based on that. and also merge both prices like actual product prices and this input lenght and wdth price

Hi @Inshaal ,

Yes, we can write this calculation please refer to the below video that we did for custom price calculation.