Skip to content

Translations

Image Hopper ships with the following translations out of the box:

  • English (en_US)
  • French (fr_FR)
  • Spanish (es_ES)
  • German (de_DE)

If you would like your language to be supported natively, please get in touch and let us know. The more demand for a specific language the greater the chance of it getting added.

Self-Translation

You can use the free Loco Translate plugin to write your own translations specifically for Image Hopper Editor. The Gravity PDF team have an excellent guide which shows you how to go about translating a plugin. Just substitute Gravity PDF for Image Hopper Editor when completing the steps.

If you prefer to generate a PO/MO file for your chosen language using a tool like POEdit, you can find the POT language file at /languages/image-hopper-editor.pot in the plugin zip file.

Upgrade from v1 to v2

The v2 upgrade overhauls the editor experience and changes the way users interact with the image editor. The new UI has additional features like undo/redo, multiline annotations, and Light/Dark mode, is more accessible, and displays better on mobile and tablet devices.

Watch the v2 upgrade overview on Vimeo.

After upgrading and testing out the new UI you might find you enjoyed some aspects of the v1 interface better. Below are a couple of minor tweaks you can make to get a closer experience:

  1. There is a new Appearance setting added to the Image Hopper field when you have the editor enabled that allows you to toggle Light or Dark modes. If you have a lot of Image Hopper fields it may be cumbersome to update each one individually. For a catch-all solution you can add the following code to your Customizer Additional CSS section:
.pintura-editor {
  --color-background: 0,0,0;
  --color-foreground: 255,255,255;
}
  1. The new UI will make full use of the browser window when rendering and for users with wide monitors this leaves the UI controls spaced widely apart. If you prefer a narrower, condensed UI you can add an HTML field to each form that includes an Image Hopper field and include the following code snippet:
// Configure the editor to use vertical layout preference.
gform.addFilter('image_hopper_filepond_config', function(config, FilePond, $form, currentPage, formId, fieldId, entryId, files, inputField) {
  config.imageEditor.editorOptions.layoutDirectionPreference = 'vertical';
  return config
}, 20, 9 )

If you made use of self-translations for Image Hopper you will need to review the new/modified strings accordingly. The French, Spanish, and German strings natively supported have already been updated.

If you implemented one of the JavaScript actions/filters you will need to adjust this code to use the new properties available in the Pintura editor (previously Doka). You now set these properties through config.imageEditor.editorOptions. Refer to the updated examples in the Developer Javascript section which are v2-compatible.

Finally, Internet Explorer 11 support has been removed and the modern browser versions that are supported have been bumped up slightly. Refer to the browser support list to see what’s covered.