Le widget est trop étroit ou présente un grand espace

Si le widget est trop étroit, présente un grand espace ou chevauche le contenu voisin, commencez par ses paramètres intégrés de largeur et d’espacement. S’ils ne suffisent pas, le conteneur de placement du thème peut nécessiter une intervention.

Définir la largeur

1. Ouvrez la remise dans Bundlex et accédez à l’onglet Style.
2. Développez Style du widget, puis Conteneur.
3. Définissez Largeur maximale sur Pleine largeur (100 %), ou choisissez Personnalisée et saisissez une largeur.
4. Enregistrez, puis vérifiez la page produit sur ordinateur et sur mobile.

La largeur par défaut est Valeur par défaut Shopify (44 rem). La pleine largeur remplit le conteneur parent du widget. Elle ne peut donc pas élargir une colonne étroite du thème.

Ajuster l’espace au-dessus ou au-dessous

Dans la même section Conteneur, utilisez Marge supérieure et Marge inférieure pour ajuster l’espace. Ces paramètres appartiennent à cette remise et sont plus faciles à gérer qu’une surcharge CSS appliquée à toute la boutique.

Si la modification des marges n’a aucun effet sur l’espace, celui-ci peut appartenir à un autre bloc ou à une autre section du thème. Partagez l’URL du produit avec le support afin que nous puissions identifier l’élément qui le génère.

Le widget chevauche les avis, les badges ou d’autres blocs

Un widget placé dans un conteneur conçu pour un bouton d’achat court peut dépasser la hauteur fixe de ce conteneur. Il recouvre alors le texte de livraison, les avis ou d’autres contenus situés en dessous. Augmenter la largeur du widget ou ajouter des marges peut ne pas résoudre le problème de placement sous-jacent.

Contactez le support en indiquant l’URL du produit et une capture d’écran montrant le chevauchement. Nous pouvons vérifier s’il est possible de placer le widget en dehors du conteneur contraint. Ne supprimez pas une autre application simplement parce que son contenu se trouve sous le widget.

Avant de passer à un bloc d’application

Si vous choisissez un placement manuel du bloc, vérifiez d’abord que celui-ci se trouve dans une section affichée sur la page produit réelle. Après avoir désactivé l’intégration, rechargez immédiatement cette page. Si le widget disparaît, réactivez l’intégration et contactez le support.

Pour les remises avec cadeaux, conserver l’intégration permet également de maintenir le nettoyage des cadeaux sur la page du panier. Consultez le choix entre l’intégration et le bloc d’application.

Quand utiliser du CSS personnalisé

Utilisez du CSS personnalisé uniquement lorsque les paramètres intégrés ne permettent pas d’exprimer la modification souhaitée. Envoyez au support l’URL du produit et la mise en page souhaitée, en précisant si elle doit être différente sur mobile. Cela nous permet de cibler le bon conteneur au lieu d’appliquer une règle générale à toutes les remises.