Infinite Options: Change or translate required pop up error messages or change the "Characters Remaining" text

For Infinite Options, you can edit the required pop up error messages or the "Character Remaining" text by inputting some code. 

1. Locate your theme’s product.liquid file

Don't know where to find your theme's product.liquid file? Click on this document for more information.

2. Copy the needed code below and paste it under everything in the theme's product.liquid file

To change the Character Remaining text, please copy the following code:

<!-- Infinite Options by ShopPad -->
<script>

// OPTION 1
// Change the 'Characters remaining' text
window.Shoppad = window.Shoppad || {},     
window.Shoppad.apps = window.Shoppad.apps || {},     
window.Shoppad.apps.infiniteoptions = window.Shoppad.apps.infiniteoptions || {},     
window.Shoppad.apps.infiniteoptions.strings = window.Shoppad.apps.infiniteoptions.strings || {},   
// The actual text
window.Shoppad.apps.infiniteoptions.strings.charactersRemaining = 'Characters remaining';
</script>

To change the required pop up error message for text input options only, please copy the following code:

<!-- Infinite Options by ShopPad -->
<script>

// OPTION 2
// Change text input required error messages
window.Shoppad = window.Shoppad || {},     
window.Shoppad.apps = window.Shoppad.apps || {},     
window.Shoppad.apps.infiniteoptions = window.Shoppad.apps.infiniteoptions || {},     
window.Shoppad.apps.infiniteoptions.strings = window.Shoppad.apps.infiniteoptions.strings || {},   
window.Shoppad.apps.infiniteoptions.strings.errorMessages = window.Shoppad.apps.infiniteoptions.strings.errorMessages || {}, 
// The string
window.Shoppad.apps.infiniteoptions.strings.errorMessages.forTextInputs = "Please add your personalized text before adding this item to cart.";
</script>

To change the required pop up error message for text inputs, number inputs, checkboxes, minimum values, dynamic checkouts, and drop-down menus options, please copy the following code:

<!-- Infinite Options by ShopPad -->
<script>

// OPTION 3
// Change ALL required error messages
window.Shoppad = window.Shoppad || {},     
window.Shoppad.apps = window.Shoppad.apps || {},     
window.Shoppad.apps.infiniteoptions = window.Shoppad.apps.infiniteoptions || {},     
window.Shoppad.apps.infiniteoptions.strings = window.Shoppad.apps.infiniteoptions.strings || {},   
// The strings
window.Shoppad.apps.infiniteoptions.strings.errorMessages = {
  forTextInputs: "Please add your personalized text before adding this item to cart.",
  forNumberInputs: "Please enter a number before adding this item to cart",
  forCheckboxes: "Please select your options before adding this item to cart",
  forMinimumValues: "Please select at least %valuesmin options before adding this item to cart",
  forDynamicCheckout: "This product cannot be purchased using this checkout method. Please add the item to cart, then proceed to checkout from the cart.",
  forDropdowns: "Please select an option before adding this item to cart"
};
</script>

To change the required pop up error message for  the "Character Remaining" text and text inputs, number inputs, checkboxes, minimum values, dynamic checkouts, and drop-down menus options, please copy the following code:

<!-- Infinite Options by ShopPad -->
<script>

// OPTION 4
// Change the 'Characters remaining' text AND all required error messages
window.Shoppad = window.Shoppad || {},     
window.Shoppad.apps = window.Shoppad.apps || {},     
window.Shoppad.apps.infiniteoptions = window.Shoppad.apps.infiniteoptions || {},     
window.Shoppad.apps.infiniteoptions.strings = {
  charactersRemaining: 'Characters remaining',
  errorMessages: {
    forTextInputs: "Please add your personalized text before adding this item to cart.",
    forNumberInputs: "Please enter a number before adding this item to cart",
    forCheckboxes: "Please select your options before adding this item to cart",
    forMinimumValues: "Please select at least %valuesmin options before adding this item to cart",
    forDynamicCheckout: "This product cannot be purchased using this checkout method. Please add the item to cart, then proceed to checkout from the cart.",
    forDropdowns: "Please select an option before adding this item to cart"
  }
};
</script>

3. Locate the default text of what you wish to modify and modify it accordingly.

Still need help? Contact Us Contact Us