Définition de l'attribut dir pour les spécifications bidirectionnelles

Il existe deux façons de définir dynamiquement l'attribut dir et d'autres spécifications bidirectionnelles HTML.

Pourquoi et quand exécuter cette tâche

Dans HCL Commerce, il existe deux façons de définir dynamiquement l'attribut dir et d'autres spécifications bidirectionnelles HTML, à la valeur correcte dans le modèle JSP :

Procédure

L'exemple suivant montre les éléments HTML directionnels :


<% if(languageId.compareTo("<Bidi_Language_ID")==0)
{
%>
<%
}
else
{
%>
<%
}
%>

Le Bidi_language_id est le language_id du langage bidirectionnel qui a besoin de l'attribut dir pour être définie sur "RTL". Par exemple :


<!-- *******************bidi start*********************** -->
<% if(languageId.compareTo("-11")==0)
{
%>
<body dir=RTL marginheight="0" marginwidth="0">
<%
}
else
{
%>
<body marginheight="0" marginwidth="0">
<%
}
%>
<!-- ******************bidi end************************** -->
<table cellpadding="0" cellspacing="0" border="0"
width="600">
<tr>
<!-- ******************bidi start************************ -->
<% if(languageId.compareTo("-11")==0)
{
%>
<td class="banner" valign="right" width="180">
<%
}
else
{
%>
<td class="banner" valign="left" width="180">
<%
}
%>
<!-- *************bidi end******************************* -->

Utilisez une feuille de style en cascade (fichier CSS) pour chaque marché local dans laquelle vous pouvez spécifier l'attribut de direction.
1. À partir du répertoire css du magasin, faites une copie du fichier Master1_1.css et nommez-le Master1_1ar_EG.css
2. Ouvrez Master1_1ar_EG.css dans un éditeur de texte et ajoutez les lignes suivantes :
```
html {direction: ltl; unicode-bidi: embed;} 
```
  par :
```
html {direction: rtl; unicode-bidi: embed;}
```
  Remarque : Modifiez toutes les instructions align= dans le fichier CSS pour qu'elles pointent vers RTL.
3. Enregistrez et fermez le fichier.
4. Ouvrez le fichier workspace_dir\Stores\Web Content\WEB-INF\xml\tools\stores\ConsumerDirect\devtools\flow\repository\VirtualPages.xml.
5. À la fin de la ligne <virtual-file id="vfile.stylesheet"/>, ajoutez les lignes suivantes pour chaque feuille de style que vous souhaitez utiliser :
```
<virtual-file-implementation virtual-file-id="vfile.stylesheet" 
url="css/Master1_1$locale$.css" id="vfile.style1.css" 
locale-specific="yes" locales="ar_EG,ar"/>
```
6. Enregistrez et fermez le fichier VirtualPages.xml.