本地化

您可以为您的网站设置本地化并添加不同语言的产品描述。这可以帮助您更加以用户为中心，提高玩家对游戏的忠诚度。 以下项支持本地化：

• 常规网站元素。
• 网站上的产品描述。
• 图片。

网站本地化

要本地化网站界面：

1. 在发布商帐户中打开项目。
2. 单击项目设置。
3. 在常规设置窗口，选择要将网站本地化到的语言。
4. 在项目名称字段中，指定其他语言的本地化项目名称。
5. 单击保存。
6. 在侧边栏中单击建站器。
7. 在网站卡片中单击打开建站器。
8. 前往语言设置部分并将所需语言的开关设置为开。
9. 选择语言选择按钮所在的位置。在语言选择器位置面板中，选择页眉和/或页脚。

启用本地化后，网站界面的所有元素将翻译为所选语言。默认使用艾克索拉准备的文本字段和翻译。如要更改默认翻译，请双击文本字段，然后输入自己的版本。

产品名称和描述的本地化

要本地化网站上的购买项（如虚拟物品）：

1. 在发布商帐户中打开项目。
2. 单击项目设置。
3. 在常规设置窗口，选择要将网站本地化到的语言。
4. 在项目名称字段中，指定其他语言的本地化项目名称。
5. 单击保存。
6. 在侧边栏中单击商店。
7. 在虚拟物品模块中单击配置或连接。
8. 在下拉菜单中选择创建物品，或在现有物品的快捷菜单中单击编辑物品。
9. 为启用了本地化的所有语言添加物品名称和描述。

10. 单击保存更改。
11. 在侧边栏中单击建站器。
12. 在网站卡片中单击打开建站器。
13. 前往语言设置部分并将所需语言的开关设置为开。
14. 前往商店部分并选择配置了本地化的物品组。

图片本地化

您可以使用自定义HTML代码为网站添加具有本地化语言文字的图片。您可以使用现成的解决方案或自己编写代码。

使用现成解决方案示例

1. 在发布商帐户中打开项目。
2. 在侧边栏中单击建站器。
3. 在网站卡片中单击打开建站器。
4. 前往语言设置部分并将所需语言的开关设置为开。
5. 在自定义代码区块中添加以下内容：

<div class="image-container">
  <img class="localised-image lazy loaded" data-src="https://cdn.xsolla.net/merchant-bucket-prod/files/uploaded/sitebuilder/71070/bc6d3c723c6381e85fbb929563922ecb.jpg" />
</div>

在CSS部分中：

.image-container {
  text-align: center;
  padding: 4em 1em;
}

.image-container img {
  width: 100%;
}

在JavaScript部分中：

1. 在htmlLang参数中指定要添加的本地化图片的语言。
2. 在localisedImage.dataset.src参数中，指定本地化图片的链接。

要添加多个本地化语言，请复制JavaScript代码段和必要的参数值。

const htmlLang = document.documentElement.lang;
const localisedImage = document.querySelector('.localised-image');
 if (htmlLang === 'es') {

   localisedImage.dataset.src = 'https://cdn.xsolla.net/merchant-bucket-prod/files/uploaded/sitebuilder/71070/bc6d3c723c6381e85fbb929563922ecb.jpg';
 }
 if (htmlLang === ‘it’) {

   localisedImage.dataset.src = 'https://cdn.xsolla.net/merchant-bucket-prod/files/uploaded/sitebuilder/71070/bc6d3c723c6381e85fbb929563922ecb.jpg';
 }

6. 单击预览查看更改。图片将仅本地化为自定义代码区块中指定的语言。

添加自有代码

1. 在建站器中，单击添加区块，然后选择自定义代码。

2. 在区块中插入自己的代码。