Configurer une vitrine Shopify de droite à gauche
Mis à jour il y a 7 jours
Cama bascule automatiquement votre vitrine vers une mise en page de droite à gauche (RTL) chaque fois que la langue Shopify active est une langue qui s’écrit de droite à gauche, comme l’arabe, l’hébreu, le persan ou l’ourdou. Le thème ne comporte pas de 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 qui s’écrit de droite à gauche. Le thème applique ce réglage automatiquement et aucun paramètre du thème ne le contrôle.
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). Toutes les autres langues restent configurées de gauche à droite.
Rendre une langue de droite à gauche disponible
Vous devez publier dans votre boutique une langue prise en charge qui s’écrit de droite à gauche avant que les clients puissent consulter la mise en page RTL (et que vous puissiez la vérifier). Les fichiers de langue du thème couvrent uniquement les langues fournies par Cama. Pour utiliser la vitrine RTL, exécutez-la donc avec une langue que vous avez ajoutée à Shopify.
Ajoutez une langue prise en charge qui s’écrit de droite à gauche à votre boutique 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 dans la boutique.
Dans la vitrine, ouvrez le sélecteur Langue et choisissez la langue qui s’écrit de droite à gauche.
Vous pouvez vérifier la mise en page RTL avant la publication en ouvrant un aperçu de la vitrine dans la langue qui s’écrit 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 qui s’écrit de droite à gauche, sur ordinateur et sur mobile, car la mise en page inversée peut révéler des problèmes d’espacement et d’alignement qu’une configuration de gauche à droite dissimule.
L’en-tête et les menus s’inversent vers la droite et s’adaptent correctement à la largeur disponible.
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é.
Le Tiroir du panier s’ouvre depuis la gauche en mode RTL, à l’inverse du comportement de gauche à droite, et son contenu est correctement agencé.
Les icônes directionnelles et les éventuels accordéons s’inversent pour pointer dans la bonne direction.
Les mises en page mobiles conservent le même comportement inversé, sans chevauchement entre les éléments.
Sur le modèle de carte-cadeau, Cama balise la langue, mais n’applique pas l’attribut de direction RTL. Cette page n’est donc actuellement pas inversée.