Configurer une vitrine Shopify de droite à gauche
Mis à jour hier
Cama bascule automatiquement votre vitrine vers une mise en page de droite à gauche (RTL) dès que la langue Shopify active est une langue de droite à gauche, comme l’arabe, l’hébreu, le persan ou l’ourdou. Le thème ne comporte aucun bouton RTL : le sens de lecture suit la langue de la vitrine que vous sélectionnez, et l’en-tête, les menus, les fiches produit, les filtres, la recherche, les accordéons, le tiroir du panier et les icônes directionnelles s’adaptent automatiquement.
Comment Cama détecte le sens de lecture
Cama détermine le sens de lecture à partir de la langue active de la vitrine Shopify. Une mise en page de droite à gauche s’affiche donc uniquement lorsqu’un client consulte une langue de droite à gauche. Le thème applique ce réglage automatiquement et aucun paramètre du thème ne permet de le contrôler.
Cama utilise une mise en page de droite à gauche pour les langues suivantes : arabe, hébreu, persan (farsi), ourdou et autres scripts RTL (les codes de langue ae, ar, arc, bcc, bqi, ckb, dv, fa, glk, ha, he, kwh, ks, ku, mzn, nqo, pnb, ps, sd, ug, ur et yi). Toute autre langue reste affichée de gauche à droite.
Rendre une langue de droite à gauche disponible
Vous devez publier une langue de droite à gauche prise en charge dans votre boutique avant que les clients puissent voir la mise en page RTL (et que vous puissiez la vérifier). Les fichiers de langue du thème couvrent uniquement les langues avec lesquelles Cama est fourni. Utilisez donc, pour la vitrine RTL, une langue que vous avez ajoutée à Shopify.
Ajoutez une langue de droite à gauche prise en charge à votre boutique dans Shopify, depuis les paramètres de langue de la boutique.
Dans l’éditeur de thème Shopify, ouvrez la section Pied de page et activez Afficher le sélecteur de langue. Le sélecteur s’affiche uniquement lorsque plusieurs langues sont disponibles pour la boutique.
Sur la vitrine, ouvrez le sélecteur Langue et choisissez la langue de droite à gauche.
Vous pouvez vérifier la mise en page RTL avant de publier en ouvrant un aperçu de la vitrine dans la langue de droite à gauche, plutôt qu’en modifiant la boutique en ligne.
Liste de vérification avant la publication
Effectuez ces vérifications dans la langue de droite à gauche sur ordinateur et sur mobile, car la mise en page miroir peut révéler des problèmes d’espacement et d’alignement qu’une mise en page de gauche à droite masque.
L’en-tête et les menus sont inversés vers la droite et s’affichent correctement sur plusieurs lignes.
Les fiches produit et les pages produit se lisent de droite à gauche, avec le prix et les commandes d’ajout au panier correctement positionnés.
Les filtres de collection sont alignés à droite et fonctionnent correctement.
La recherche (y compris la fenêtre modale de recherche) s’ouvre et permet la saisie depuis le côté approprié.
En mode RTL, le tiroir du panier s’ouvre depuis la gauche, à l’inverse du comportement de gauche à droite, et son contenu est correctement mis en page.
Les icônes directionnelles et les accordéons s’inversent pour pointer dans la bonne direction.
Les mises en page mobiles conservent le même comportement miroir, sans chevauchement d’éléments.
Sur le modèle de carte-cadeau, Cama indique la langue, mais n’applique pas l’attribut de direction RTL. Cette page n’est donc pas encore inversée.