Sélecteurs de thème
La section Sélecteurs de thème vous permet de contrôler la manière dont Cart Reserve détecte et interagit avec les éléments de votre thème. Particulièrement utile si vous utilisez un thème personnalisé, un thème fortement modifié ou une implémentation de panier tierce.
Dans la plupart des cas, les sélecteurs par défaut fonctionnent immédiatement et aucune modification n'est nécessaire. Ne modifiez ces paramètres que si les réservations ne se mettent pas à jour correctement ou si la structure de votre thème diffère des thèmes Shopify standard.
Accéder aux sélecteurs de thème
Allez dans Paramètres → Sélecteurs de thème → Configurer les sélecteurs.
Détection automatique du thème
Cart Reserve inclut une prise en charge intégrée pour plus de 30 thèmes Shopify. Le système détecte automatiquement votre thème et applique les sélecteurs appropriés.
Astuce : utilisez les outils de développement de votre navigateur (clic droit → Inspecter) pour trouver les sélecteurs CSS corrects pour les éléments de votre thème si nécessaire.
Cliquez sur Voir la documentation complète pour des conseils détaillés sur la configuration des sélecteurs.
Sections de sélecteurs
Les sélecteurs de thème sont organisés en sections repliables. Chaque section affiche un compteur indiquant les sélecteurs personnalisés (par ex. « 0/2 personnalisés »).
Modèles storefront
Lien rapide pour personnaliser l'apparence des minuteurs, avertissements et états expirés.
Cliquez sur Personnaliser les modèles pour ouvrir l'éditeur de modèles storefront.
Modifications d'articles du panier
Sélecteurs pour détecter et gérer les changements de quantité dans le panier.
Configurez-les si Cart Reserve ne détecte pas les modifications de quantité dans le panier.
Champs : 2 sélecteurs disponibles
Détail du produit
Sélecteurs pour le formulaire produit et la fonctionnalité d'ajout au panier.
Configurez-les si les réservations ne sont pas créées lorsque les clients ajoutent des articles depuis les pages produit.
Champs : 6 sélecteurs disponibles
Contexte du minuteur
Paramètres pour l'affichage du minuteur et la détection du tiroir de panier.
Configurez-les si le minuteur n'apparaît pas au bon endroit ou si votre thème utilise un tiroir de panier non standard.
Champs : 3 sélecteurs disponibles
Sélecteurs universels
Sélecteurs CSS pour les contrôles de quantité qui fonctionnent dans le tiroir, la page panier et la page produit.
Utilisez-les pour les thèmes personnalisés non couverts par des préréglages spécifiques. Ces sélecteurs fonctionnent universellement dans différents contextes de panier.
Champs : 6 sélecteurs disponibles
Traductions des libellés
Les libellés des boutons et du minuteur sont configurés dans l'éditeur de thème et peuvent être traduits via l'application « Translate & Adapt » de Shopify.
Cliquez sur Ouvrir l'éditeur de thème pour accéder à la configuration des libellés.
Chemin : Boutique en ligne → Thèmes → Personnaliser → App embeds → CartReserve
Déplier les sections
Cliquez sur Déplier sur n'importe quelle section pour afficher et modifier les sélecteurs individuels.
Chaque champ de sélecteur accepte la syntaxe CSS standard (par ex. .cart-item, #product-form, [data-cart-drawer]).
Dépannage
Si Cart Reserve ne fonctionne pas correctement avec votre thème :
- Vérifiez la détection automatique — le système devrait gérer la plupart des thèmes automatiquement
- Inspectez les éléments — utilisez les outils de développement du navigateur pour identifier les sélecteurs corrects
- Testez progressivement — modifiez un sélecteur à la fois et testez
- Enregistrez et actualisez — les modifications nécessitent un rafraîchissement de la page pour prendre effet
Quand personnaliser les sélecteurs
Personnalisez les sélecteurs uniquement si vous rencontrez :
- Des réservations qui ne se mettent pas à jour lors des changements de quantité
- Un minuteur qui n'apparaît pas dans le tiroir ou la page panier
- Des ajouts au panier qui ne déclenchent pas de réservations
- Des contrôles de quantité non détectés
Pour les thèmes Shopify standard, les valeurs par défaut devraient fonctionner sans modification.