FROM CACHE - fr_header

Bug sur les pages en utilisation mobile

SloeNature
Visiteur
1 0 1

Bonjour, 

 

Nous avons un problème sur nos pages produits en format mobile.

 

En effet tous les blocs remontent les uns au dessus des autres : https://sloe-nature.com/collections/cosmetiques/products/deodorant-louga-en-creme

 

Le problème est apparu lorsque nous avons installé l'app JudgeMe. Même en enlevant les avis, le problème persiste. JudgeMe nous indique que le problème vient de notre thème Prestige. 

 

Le soucis vient surement d'un problème CSS général de la page.

 

Avez-vous déjà eu ce soucis auparavant ? 

 

Merci pour votre aide.

 

Bertrand.

2 RÉPONSES 2

InitiativeMedia
Shopify Partner
55 15 21

Bonjour Bertrand, 

 

Je n'ai jamais eu le soucis, mais après vérification il y a en effet un petit problème de CSS sur la page. 

Si l'effet souhaité est tel que le screenshot ci-joint, je vous est entouré la modification à effectuer dans le CSS de votre site. 

À la ligne "7211" de votre fichier regroupant le CSS vous trouverez la partie concernant les "Product Tabs" en question. 

Il vous suffira alors d'ajouter le petit bout de code compris entre les lignes "7218" et "7222" du screenshot (encadré en rouge) afin de corriger ce problème d'affichage sur mobile.

En espérant vous avoir aidé, je vous souhaite une très bonne journée. 

Greg

 

Screenshot 2022-04-06 at 14.43.56.png

Shopify Partner agency - Digital Marketing - Store Customisation - Emailing - Analytics for Shopify & Shopify Plus Stores;

Armelle
Shopify Staff (Retired)
666 368 160

Bonjour @SloeNature !

 

Avez-vous suivi la solution de @InitiativeMedia ? J'ai visité votre site Web sur mon mobile et tout apparaît bien de mon côté. Si sa solution a mené à la résolution du problème, n'hésitez pas à accepter sa réponse comme solution. Sinon, n'hésitez pas à partager la solution au reste de la communauté afin qu'elle puisse en bénéficier. 

 

Si le problème persiste de votre côté, il y a de fortes chances que le problème soit, maintenant, local (lié à votre appareil mobile ou navigateur Web) puisqu'il n'est pas réplicable de mon côté. Dans ce cas, je vous inviterais à suivre les instructions de dépannage ci-bas. 


Étapes de résolution locale

  1. Assurez-vous que l'application de navigation Web et l'appareil mobile soient à jour sur la dernière version.
  2. Essayez sur un autre navigateur Web (Chrome, Safari, Firefox, etc.).
  3. Essayez sur un autre appareil mobile.
  4. Vider la cache de votre navigateur et rafraîchissez la page après. Lorsque la cache d'un navigateur est trop remplie, cela peut mener à des bugs inattendus. 

Sinon, avez-vous décidé d'installer une autre application d'avis? Les avis restent toujours une excellente façon de prouver la confiance et qualité de votre service et de vos produits. D'autres applications d'avis sont disponibles à cette page: App Store - Avis clients

To learn more visit the Shopify Help Center or the Community Blog.