Affichage dans le iPad pro

  • Posts: 627
  • Thank you received: 18
  • Hikashop Business
7 years 4 months ago #274281

-- 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,

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 26158
  • Thank you received: 4028
  • MODERATOR
7 years 4 months ago #274287

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,

Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

Please Log in or Create an account to join the conversation.

  • Posts: 627
  • Thank you received: 18
  • Hikashop Business
7 years 4 months ago #274667

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,

Please Log in or Create an account to join the conversation.

  • Posts: 627
  • Thank you received: 18
  • Hikashop Business
7 years 4 months ago #274668

Capture d'écran

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 4748
  • Thank you received: 644
  • MODERATOR
7 years 4 months ago #274676

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) :

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)
- A partir de là je vous propose 2 solutions en fonction de vos envies :
1°)
@media only screen and (max-width: 760px), (max-device-width: 760px)
=> Résultats :



2°)
@media only screen and (max-width: 768px), (max-device-width: 760px)
=> Résultats :



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

Attachments:
Last edit: 7 years 4 months ago by Philip.

Please Log in or Create an account to join the conversation.

  • Posts: 627
  • Thank you received: 18
  • Hikashop Business
7 years 4 months ago #274750

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.

Please Log in or Create an account to join the conversation.

  • Posts: 26158
  • Thank you received: 4028
  • MODERATOR
7 years 4 months ago #274752

Bonjour,

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

Cordialement,

Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

Please Log in or Create an account to join the conversation.

Time to create page: 0.093 seconds
Powered by Kunena Forum