Change or translate required pop-up message/characters remaining text

You can edit the required pop-up error messages and " Character Remaining" text in Infinite Options by adding code.

• To change the "Character Remaining" text

• To change the required pop up error message for text input options only

• To change the required pop up error message for all input options

• To change the "Character Remaining" text and required pop up error message for all input options

Please note: If you are using a Shopify 2.0 theme, the following snippets of code should be placed before any of the {% schema %} code within your theme's product template files

1. Locate your theme’s product file

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

2. Copy the code snippet that applies below and paste it at the bottom of your theme's product file

To change the Character Remaining text, 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 message for text input options only, 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 message for text inputs, number inputs, checkboxes, minimum values, dynamic checkouts, and drop-down menus options, 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 message for "Character Remaining" text and text inputs, number inputs, checkboxes, minimum values, dynamic checkouts, and drop-down menus options, 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 and modify the text within the quotations to your liking, and save your changes.