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.
- 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 needed code below and paste it under everything in the theme's product 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>