Hi all! I’m setting up my first Shopify site and it’s coming along well, but I ran into a major snag and am really hoping someone can offer some advice for fixing it. The issue I’m having is on this page:
Let me explain. I have a sign letters product where users can enter the text they want, and then choose the material, color, thickness, and height of their text. The cost adjusts based on the height and thickness variants of the letters, but I also need the price to change based on the number of letters typed into the “Letters, Numbers, & Symbols” field. However, I can’t find an effective way to do this.
I tried just tying the products quantity to the # of characters in this field, but that doesn’t work because users can adjust the quantity on the checkout page without having the price adjust accordingly. In other words, they can reduce the price for their order of 10 letters down to the cost of 1 letter by adjusting the quantity at checkout, without reducing their specified letter count.
Hope you’re doing good.
The requirement can be done with custom coding
you can see this for your information www.stiled.com
this is custom calculation too
Dustin, your issue is a common challenge for custom-priced products on Shopify. Since you need the price to dynamically adjust based on the number of letters entered (not just the quantity field), here are some possible solutions:
Solution 1: Use a Shopify App for Custom Pricing
Apps like “Dynamic Product Options” or “Infinite Options” can help you set up conditional pricing. These allow price calculations based on user input (like letter count) and prevent checkout quantity manipulation.
Solution 2: Use Shopify Script (Shopify Plus)
If you’re on Shopify Plus, you can use Shopify Scripts to modify cart behavior, ensuring the price adjusts correctly and that the customer can’t change the quantity manually.
Solution 3: Use Line Item Properties with JavaScript Validation
Since you’re using the King Product Options & Variant app, check if it allows dynamic price calculation based on character count. If not, you can manually implement it:
Capture User Input in Line Item Properties
Modify your product page form to store the letter count in line item properties.
Use JavaScript to count the characters and adjust the price before adding to the cart.
document.getElementById("customTextInput").addEventListener("input", function() {
let text = this.value;
let basePrice = 10; // Example base price per letter
let price = basePrice * text.length;
document.getElementById("product-price").innerText = "$" + price;
});
Disable Quantity Edits on Checkout
Hide or lock the quantity selector in the cart using Shopify’s cart attributes.
If you need a fully custom pricing logic like Woodland Manufacturing, a Shopify App using Shopify Functions can be developed to calculate pricing dynamically based on text input.