How to apply Localization on HTML5 Viewers | Scene 7 Dynamic Media Classic

Description

Objective
To demonstrate, how you can apply localization on Adobe Scene 7 HTML5 Viewers
Environment
Adobe Scene 7

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 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 the French data on HTML5 Viewer (After Viewers loads)

Additional Information
Here is the documentation about creating Localization Text (In different languages) on HTML5 Viewers : https://marketing.adobe.com/resources/help/en_US/s7/viewers_ref/c_html5_flyout_viewer_20_localization.html

On this page