How to apply Localization on HTML5 Viewers | Scene7 Dynamic Media Classic

Every textual content in the viewer that can be localized is represented by a special HTML5 Viewer SDK identifier called SYMBOL. Any SYMBOL has a default associated text value for the English locale (“en”) supplied with the out-of-the-box viewer. It also may have user-defined values set for as many locales as needed. User-defined localization data can be passed to the viewer as a localization JSON object. Such an object contains the list of supported locales, SYMBOL text values for each locale, and the default locale.

Description description

Environment
Adobe Scene7

Issue
Below are steps on how to apply localization on Adobe Scene7 HTML5 Viewers.

Resolution resolution

Every textual content in the viewer that can be localized is represented by a special HTML5 Viewer SDK identifier called SYMBOL.
Any SYMBOL has a default associated text value for the English locale (“en”) supplied with the out-of-the-box viewer. It also may have user-defined values set for as many locales as needed.

User-defined localization data can be passed to the viewer as a localization JSON object.
Such an object contains the list of supported locales, SYMBOL text values for each locale, and the default locale.

Here is an example of such a localization object:

<style type="text/css">
#s7flyout_div.s7flyoutviewer{
    width:50%;
    height:auto;
}
</style>

< script type=“text/javascript” language=“javascript” src=“https://s7d9.scene7.com/s7viewers/html5/js/FlyoutViewer.js”> < /script>
    < div id=“s7flyout_div”> < /div>
    < script type=“text/javascript”>
    var s7flyout_div = new s7viewers.FlyoutViewer();
    s7flyout_div.setContainerId(“s7flyout_div”);
    s7flyout_div.setParam(“serverurl”, “http://s7d1.scene7.com/is/image/”);
    s7flyout_div.setParam(“contentRoot”, “http://s7d1.scene7.com/is/content/”);
    s7flyout_div.setAsset(“Scene7SharedAssets/Backpack_B”);
    s7flyout_div.setLocalizedTexts({“en”:{“FlyoutZoomView.TIP_BUBBLE_OVER”:“Mouse over to zoom”},“fr”:{“FlyoutZoomView.TIP_BUBBLE_OVER”:“Passez la souris sur pour zoomer”},defaultLocale:“fr”})
    s7flyout_div.init();
    < /script>

Choose defaultLocale:"fr" will load French data on HTML5 Viewer (after the viewer loads).

Additional Information
Additional documentation about creating Localization Text (In different languages) on HTML5 Viewers: Localization of user interface elements in the Dynamic Media Viewers Reference Guide.