Page de commande non responsive

-- Browser(s) name and version -- : Firefox 158.0

Bonjour, 

Sur un smartphone, si la boutique Hikashop est relativement bien responsive, par contre la page de commande est elle, partiellement responsive ce qui pose de gros problèmes au moment de passer commande (voir capture)

Il y a-t-il un réglage que je n'ai pas vu qui fait en sorte que les champs à remplir ne dépassent pas la largeur de l'écran ou que les noms des produits commandés ne deviennent pas illisibles ?

Merci de votre réponse.

Bonjour,

D'après votre capture, le panier de la page de commande reste affiché en tableau sur le téléphone, avec les noms de produits écrasés dans une colonne étroite, et les champs de connexion débordent à droite. C'est ce qu'on obtient quand la feuille de style « default » de HikaShop n'est pas chargée : c'est elle qui contient les règles responsive de la page de commande (sous 760 px de large, chaque ligne du panier passe en bloc vertical, un intitulé par information, et le formulaire tient dans la largeur de l'écran).

Dans l'administration, allez dans HikaShop > Configuration > Affichage, partie CSS, et vérifiez le réglage « Fichier CSS pour la partie publique » : www.hikashop.com/support/documentation/5...fig.html#display_css

S'il est sur « Aucun », sur « old » ou sur un fichier personnalisé (une copie faite il y a des années, qui n'a donc pas reçu les ajouts récents), choisissez « default », enregistrez, puis rechargez la page de commande sur le téléphone (en vidant le cache du navigateur et celui de votre site si vous en utilisez un).

Si vous aviez des modifications dans ce fichier personnalisé, ne les ajoutez pas au fichier « default » : mettez-les plutôt dans le réglage « Styles de la partie publique » juste en dessous, ou dans le CSS personnalisé de votre template. Ainsi, vous continuerez à recevoir les nouvelles règles CSS de HikaShop à chaque mise à jour.

Si le réglage est déjà sur « default », c'est que le CSS de votre template prend le dessus sur celui de HikaShop pour cette page (la taille des prix, par exemple, vient de votre template). Dans ce cas, donnez-nous l'adresse de la page de commande et nous regarderons quelle règle en est la cause.