Change "Customizations Total" Text

Please note this document is included as a courtesy to aide developers in customizations related to Product Customizer. You should be familiar with HTML / liquid to implement the changes listed below.

We are working to add settings that will allow you to change some of the default language of the Product Customizer app for better localization support. In the meantime, this text can be adjusted by adding a bit of custom javascript to the bottom of your shopstorm-apps.js.liquid file.

Modifying "Customizations total" on the Product Page

Example 1: Use UK spelling
/* changes Product Customizer "Customizations Total" text */
if ( $('.product-customizer-customizations-total').length > 0 ) {
    var replacement = $('.product-customizer-customizations-total').html().replace('Customizations','Customisations');
    $('.product-customizer-customizations-total').html( replacement );
}
Example 2: Use French instead of English
/* changes Product Customizer "Customizations Total" text */
if ( $('.product-customizer-customizations-total').length > 0 ) {
    var replacement = $('.product-customizer-customizations-total').html().replace('Customizations Total','Total pour les personnalisations');
    $('.product-customizer-customizations-total').html( replacement );
}

Modifying "Customizations for" on the Checkout Page

Example: Replace "Customizations for" with "Accessories for":

Add the following code to the bottom of your  shopstorm-apps.js.liquid file:

/* changes Product Customizer "Customizations for" text on Checkout */
$.extend(
  shopstorm.apps.productCustomizer,
  {
    customizationsForText: "Accessories for"
  }
);

We should also note that you can safely update the name and image associated with the "Item Customizations" product to better suit your shop. You may do so through your Shopify Admin just as you would update your own products. Please be careful not to change any other settings on this product.

Still need help? Contact Us Contact Us