[Skip to main content](#vessel-content)

#   Affichage dans le iPad pro

##

- **[patoushka](/forum/user/6145-patoushka "View patoushka's Profile")**
- [![patoushka's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/6145-patoushka "View patoushka's Profile") Topic Author
- [ Offline](/forum/user/6145-patoushka)

Less More

- Posts: 628
- Thank you received: 18
-
-

9 years 3 months ago [\#274281](#274281) by [patoushka](/forum/user/6145-patoushka "View patoushka's Profile")  *[Affichage dans le iPad pro](/forum/5-support-en-francais-french-support-/891203-affichage-dans-le-ipad-pro#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&quot;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,")* was created by *[patoushka](/forum/user/6145-patoushka "View patoushka's Profile")*

-- url of the page with the problem -- : [ www.dev3.keylost.ca/en/keylost](https://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,

[ ![IMG-0663.PNG](/forum/attachment/39260) ](/forum/attachment/39260 "IMG-0663.PNG")

- [ ![IMG-0663.PNG](/forum/attachment/39260) ](/forum/attachment/39260 "IMG-0663.PNG") [ ](/forum/attachment/39260?download=1 "IMG-0663.PNG")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODkxMjAzLWFmZmljaGFnZS1kYW5zLWxlLWlwYWQtcHJvP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[Jerome](/forum/user/80-jerome "View Jerome's Profile")**
- [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile")
- [ Offline](/forum/user/80-jerome)
- HikaShop core developer

Less More

- Posts: 26394
- Thank you received: 4077
-
- [](http://obsi.dev)
-

9 years 3 months ago [\#274287](#274287) by [Jerome](/forum/user/80-jerome "View Jerome's Profile")  Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Affichage dans le iPad pro](/forum/5-support-en-francais-french-support-/891203-affichage-dans-le-ipad-pro#274287 "-- 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&quot;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](https://www.hikashop.com/support/documentation/153-customize-the-display.html)

Cordialement,

---

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

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODkxMjAzLWFmZmljaGFnZS1kYW5zLWxlLWlwYWQtcHJvP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[patoushka](/forum/user/6145-patoushka "View patoushka's Profile")**
- [![patoushka's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/6145-patoushka "View patoushka's Profile") Topic Author
- [ Offline](/forum/user/6145-patoushka)

Less More

- Posts: 628
- Thank you received: 18
-
-

9 years 3 months ago [\#274667](#274667) by [patoushka](/forum/user/6145-patoushka "View patoushka's Profile")  Replied by *[patoushka](/forum/user/6145-patoushka "View patoushka's Profile")* on topic *[Affichage dans le iPad pro](/forum/5-support-en-francais-french-support-/891203-affichage-dans-le-ipad-pro#274667 "-- 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&quot;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,")*

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](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODkxMjAzLWFmZmljaGFnZS1kYW5zLWxlLWlwYWQtcHJvP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[patoushka](/forum/user/6145-patoushka "View patoushka's Profile")**
- [![patoushka's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/6145-patoushka "View patoushka's Profile") Topic Author
- [ Offline](/forum/user/6145-patoushka)

Less More

- Posts: 628
- Thank you received: 18
-
-

9 years 3 months ago [\#274668](#274668) by [patoushka](/forum/user/6145-patoushka "View patoushka's Profile")  Replied by *[patoushka](/forum/user/6145-patoushka "View patoushka's Profile")* on topic *[Affichage dans le iPad pro](/forum/5-support-en-francais-french-support-/891203-affichage-dans-le-ipad-pro#274668 "-- 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&quot;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,")*

Capture d'écran

[ ![2017-07-24a15.03.58.png](/forum/attachment/39407) ](/forum/attachment/39407 "...4a15.03.58.png")

- [ ![2017-07-24a15.03.58.png](/forum/attachment/39407) ](/forum/attachment/39407 "...4a15.03.58.png") [ ](/forum/attachment/39407?download=1 "...4a15.03.58.png")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODkxMjAzLWFmZmljaGFnZS1kYW5zLWxlLWlwYWQtcHJvP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[Philip](/forum/user/34318-philip "View Philip's Profile")**
- [![Philip's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar34318_2015-11-18-2.png)](/forum/user/34318-philip "View Philip's Profile")
- [ Offline](/forum/user/34318-philip)

Less More

- Posts: 4820
- Thank you received: 654
-
-

9 years 3 months ago -  9 years 3 months ago [\#274676](#274676) by [Philip](/forum/user/34318-philip "View Philip's Profile")  Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[Affichage dans le iPad pro](/forum/5-support-en-francais-french-support-/891203-affichage-dans-le-ipad-pro#274676 "-- 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&quot;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,

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 :
**=&gt;** 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**](https://www.hikashop.com/support/documentation/272-hikashop-display-by-color.html#custom) (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) : Code:

@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°)**Code:

@media only screen and (max-width: 760px), (max-device-width: 760px)

**=&gt;** Résultats :

[ ![version1.png](/forum/attachment/39409) ](/forum/attachment/39409 "version1.png")

**2°)**Code:

@media only screen and (max-width: 768px), (max-device-width: 760px)

**=&gt;** Résultats :

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

- [ ![version1.png](/forum/attachment/39409) ](/forum/attachment/39409 "version1.png") [ ](/forum/attachment/39409?download=1 "version1.png")
- [ ![version2.png](/forum/attachment/39410) ](/forum/attachment/39410 "version2.png") [ ](/forum/attachment/39410?download=1 "version2.png")

Last edit: 9 years 3 months ago by [Philip](/forum/user/34318-philip "View Philip's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODkxMjAzLWFmZmljaGFnZS1kYW5zLWxlLWlwYWQtcHJvP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[patoushka](/forum/user/6145-patoushka "View patoushka's Profile")**
- [![patoushka's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/6145-patoushka "View patoushka's Profile") Topic Author
- [ Offline](/forum/user/6145-patoushka)

Less More

- Posts: 628
- Thank you received: 18
-
-

9 years 3 months ago [\#274750](#274750) by [patoushka](/forum/user/6145-patoushka "View patoushka's Profile")  Replied by *[patoushka](/forum/user/6145-patoushka "View patoushka's Profile")* on topic *[Affichage dans le iPad pro](/forum/5-support-en-francais-french-support-/891203-affichage-dans-le-ipad-pro#274750 "-- 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&quot;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,")*

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](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODkxMjAzLWFmZmljaGFnZS1kYW5zLWxlLWlwYWQtcHJvP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[Jerome](/forum/user/80-jerome "View Jerome's Profile")**
- [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile")
- [ Offline](/forum/user/80-jerome)
- HikaShop core developer

Less More

- Posts: 26394
- Thank you received: 4077
-
- [](http://obsi.dev)
-

9 years 3 months ago [\#274752](#274752) by [Jerome](/forum/user/80-jerome "View Jerome's Profile")  Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Affichage dans le iPad pro](/forum/5-support-en-francais-french-support-/891203-affichage-dans-le-ipad-pro#274752 "-- 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&quot;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,

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

Cordialement,

---

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

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODkxMjAzLWFmZmljaGFnZS1kYW5zLWxlLWlwYWQtcHJvP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

Board Categories HikaShop Install &amp; Update Product &amp; Category Display Content Creation Sales and Orders Orders management Reports &amp; Statistics Customers Checkout Payment Methods Shipping Methods Import &amp; Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel &amp; Slider Mass Actions Filters &amp; Search Discount &amp; Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to?

[](/forum/topics/feed/mode-topics?format=feed&type=rss)

Time to create page: 0.106 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)
