Wadood Docs

Appearance

Localization — wd-localization ​

Category: Content · Tag: wd-localizationBack to: Components overviewRelated: Localization module (where the keywords/translations are managed)

What it does ​

Displays a piece of translated text. You point it at a localization keyword, and at render time it replaces itself with that keyword's translation for the current language (from the page's labels). It renders the text inline — it unwraps its own tag, leaving just the translated text in place.

This is the same building block used elsewhere in the builder (e.g. menu item titles) — see the Localization module for creating the keywords and their per-language translations.

Adding it & its settings ​

Add Component → Content → Localization.

Basic Settings (all components): #id, Classes, Inline Style.

Component Settings:

SettingActionEffect
Browse keywordpickerChoose the localization keyword to display. The chosen keyword becomes the component's text; on the live site it's swapped for the matching translation.

Only Global localization keywords are guaranteed to be available everywhere. For page-scoped (Local) keywords the page must belong to that group — see the Localization guide.

Content & slots ​

  • No slot / no variables. The component uses its own inner text as the keyword and looks it up against the page's labels, then unwraps itself. Because it renders into the light DOM (not Shadow DOM), the resulting text is styled by the surrounding element's ordinary CSS.

Styling ​

There are no component-specific variables or parts — style the surrounding context (the element that contains the localized text) with normal CSS.