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.