Affichage dans le iPad pro

-- url of the page with the problem -- : www.dev3.keylost.ca/en/keylost
-- HikaShop version -- : 3.1.1

Bonjour,

L'affichage dans le ipad pro semble être celui des mobiles. Comme l'écran est très grand, le rendu n"est pas adéquat et devrait être celui des desktops. (voir capture d'écran).

Ma question, comment faire pour qu'il s'affiche correctement?

Merci,

Bonjour,

Cela n'est malheureusement pas de notre resort.
Vous devez voir cela avec votre template et vous pouvez à la limite vous aider de cette page :
www.hikashop.com/support/documentation/1...ize-the-display.html

Cordialement,

J'ai beau chercher et je ne trouve aucun endroit dans mon template pour travailler sur cela.

Ça resemble drôlement à des classes Hikashop. Le point de bascule entre la vue Desktop et la vue mobile est à 760px, mais le ipad pro est à 1024px vertical. Je ne comprend vraiment pas ce qui cause ce drôle de comportement. Lorsque e change la grosseur de ma fenêtre dans mon ordinateur, ça fonctionne, mais pas dans le iPad. Y a-t-il une détection des tablettes qui a priorité?

Pourriez-vous me donner votre avis? Où dois-je chercher? Cela serait très apprécié.

Merci,

Capture d'écran

Bonjour,

Et merci pour votre screenshot cela nous a bien aider à comprendre, et effectivement cela vient du fichier frontend_css d'HikaShop par défaut!
Nous avions ajouter ces commandes css il y a un moment, et vous êtes le premier à nous faire un tel retour d'où la fausse piste de départ.
Il semblerai que dans votre cas les paramètres du @media ne convienne pas.

Voilà ce que je peux vous proposer :
=> Ajustezles paramètres de votre @media qui impacte directement votre vue panier, voilà comment faire étape par étape :
- D'abord je vous invite à consulter ce tutoriel (en anglais) pour comptrendre où trouver ce fichier ET génerer une version custom.
()
- Une fois dans ce fichier (le frontend_custom.css), cherchez la ligne (en faisant Ctrl + f dans votre éditeur de texte) : - A partir de là je vous propose 2 solutions en fonction de vos envies :
1°) => Résultats :



2°) => Résultats :



En espérant, que cela vous convienne.
Cordialement.

Merci pour votre réponse.

Afin d'être bien certain de bien comprendre.

Je remplace simplement le code du fichier frontend_css (qui devriendra frontend_custom.css)
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)
par un des deux que vous me suggérez.

Vous avez oublié les captures d'écran des résultats du deuxième exemple.

Bonjour,

Les deux captures sont accessibles en attachments au message de Philippe.

Cordialement,