Formation Prestashop intégrateur: Utilisation des feuilles de styles / RTL (Right To Left)
Vous êtes ici : Accueil / Prestashop intégrateur / Utilisation des feuilles de styles / RTL (Right To Left)
RTL (Right To Left)
PrestaShop propose deux mécanismes pour la prise ne charge du RTL.
Le chargement du fichier /themes/{theme_name}/assets/css/rtl.css sur toutes les pages du front-office de la boutique.
Le chargement de la version RTL d'un fichier CSS. Pour déterminer la version RTL, PrestaShop ajoute le sufixe _rtl au nom du fichier.
Exemple :
- /themes/{theme_name}/assets/css/theme.css est remplacé par /themes/{theme_name}/assets/css/theme_rtl.css
- /themes/{theme_name}/assets/css/custom.css est remplacé par /themes/{theme_name}/assets/css/custom_rtl.css
Depuis la version 1.7.3 de PrestaShop, vous pouvez générer automatiquement la version RTL de votre thème depuis le menu Apparance > Thème et Logo.
Vous pouvez ajuster le css générer en utilisant des fichiers /themes/{theme_name}/assets/css/file_name.rtlfix. Le contenue d'un fichier .rtlfix est automatiquement ajouté par l'outil de génération automatique.
Exemple :
- /themes/{theme_name}/assets/css/theme.rtlfix est ajouté à la fin de /themes/{theme_name}/assets/css/theme_rtl.css
- /themes/{theme_name}/assets/css/custom.rtlfix est ajouté à la fin de /themes/{theme_name}/assets/css/custom_rtl.css
Remarque : La fonction permettant de générer automatiquement la version RTL d'un thème n'est disponible que si vous avez installé un langue RTL sur la boutique.