[Skip to main content](#vessel-content) # Styliser une pop-up d'HikaShop ## - **[Haile](/forum/user/14066-haile "View Haile's Profile")** - [![Haile's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar14066_2014-06-01.png)](/forum/user/14066-haile "View Haile's Profile") Topic Author - [ Offline](/forum/user/14066-haile) Less More - Posts: 67 - Thank you received: 4 - - 13 years 3 months ago [\#115064](#115064) by [Haile](/forum/user/14066-haile "View Haile's Profile") *[Styliser une pop-up d'HikaShop](/forum/5-support-en-francais-french-support-/85630-styliser-une-pop-up-dhikashop#115064 "Bonjour, concernant les feuilles de style d’ Hikashop, je fais référence en particulier au fichier frontend-custom.css, est-ce que ce fichier est mis à jour au moment d’une éventuelle mise à jour d’HikaShop? En effet je me suis aperçu que je suis obligé de passer par cette feuille de style si je veux styliser les pop-up d’HikaShop, si je passe par ma feuille de style personnelle les règles ne sont pas prises en compte. Ceci est dû par le fait que vous passez par une balise ? Merci.")* was created by *[Haile](/forum/user/14066-haile "View Haile's Profile")* Bonjour, concernant les feuilles de style d’ Hikashop, je fais référence en particulier au fichier *frontend-custom.css*, est-ce que ce fichier est mis à jour au moment d’une éventuelle mise à jour d’HikaShop? En effet je me suis aperçu que je suis obligé de passer par cette feuille de style si je veux styliser les *pop-up* d’HikaShop, si je passe par ma feuille de style personnelle les règles ne sont pas prises en compte. Ceci est dû par le fait que vous passez par une balise *<iframe>*? Merci. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODU2MzAtc3R5bGlzZXItdW5lLXBvcC11cC1kLWhpa2FzaG9wP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation. - **[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")** - [![Mohamed Thelji's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar6861.png)](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") - [ Offline](/forum/user/6861-mohamed-thelji) Less More - Posts: 12953 - Thank you received: 1778 - - - 13 years 3 months ago [\#115073](#115073) by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") Replied by *[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")* on topic *[Styliser une pop-up d'HikaShop](/forum/5-support-en-francais-french-support-/85630-styliser-une-pop-up-dhikashop#115073 "Bonjour, concernant les feuilles de style d’ Hikashop, je fais référence en particulier au fichier frontend-custom.css, est-ce que ce fichier est mis à jour au moment d’une éventuelle mise à jour d’HikaShop? En effet je me suis aperçu que je suis obligé de passer par cette feuille de style si je veux styliser les pop-up d’HikaShop, si je passe par ma feuille de style personnelle les règles ne sont pas prises en compte. Ceci est dû par le fait que vous passez par une balise ? Merci.")* Bonjour, 1. Lors d'une mise à jour Hikashop, votre fichier CSS **frontend-custom.css** ne sera pas modifier et restera le même, mais le fichier CSS **default** lui sera mis à jour. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODU2MzAtc3R5bGlzZXItdW5lLXBvcC11cC1kLWhpa2FzaG9wP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation. - **[Haile](/forum/user/14066-haile "View Haile's Profile")** - [![Haile's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar14066_2014-06-01.png)](/forum/user/14066-haile "View Haile's Profile") Topic Author - [ Offline](/forum/user/14066-haile) Less More - Posts: 67 - Thank you received: 4 - - 13 years 3 months ago [\#115077](#115077) by [Haile](/forum/user/14066-haile "View Haile's Profile") Replied by *[Haile](/forum/user/14066-haile "View Haile's Profile")* on topic *[Styliser une pop-up d'HikaShop](/forum/5-support-en-francais-french-support-/85630-styliser-une-pop-up-dhikashop#115077 "Bonjour, concernant les feuilles de style d’ Hikashop, je fais référence en particulier au fichier frontend-custom.css, est-ce que ce fichier est mis à jour au moment d’une éventuelle mise à jour d’HikaShop? En effet je me suis aperçu que je suis obligé de passer par cette feuille de style si je veux styliser les pop-up d’HikaShop, si je passe par ma feuille de style personnelle les règles ne sont pas prises en compte. Ceci est dû par le fait que vous passez par une balise ? Merci.")* ok, merci. Pouvez-vous me dire comment changer la dimension de la fenêtre pop-up? La règle suivante comporte un style en ligne et je ne vois pas comment l'atteindre: Code: <div id="modal-hikashop_new_address_popup" class="modal hide fade" style="width:780px;height:570px;margin-left:-390px"> Merci Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODU2MzAtc3R5bGlzZXItdW5lLXBvcC11cC1kLWhpa2FzaG9wP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation. - **[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")** - [![Mohamed Thelji's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar6861.png)](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") - [ Offline](/forum/user/6861-mohamed-thelji) Less More - Posts: 12953 - Thank you received: 1778 - - - 13 years 3 months ago - 13 years 3 months ago [\#115080](#115080) by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") Replied by *[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")* on topic *[Styliser une pop-up d'HikaShop](/forum/5-support-en-francais-french-support-/85630-styliser-une-pop-up-dhikashop#115080 "Bonjour, concernant les feuilles de style d’ Hikashop, je fais référence en particulier au fichier frontend-custom.css, est-ce que ce fichier est mis à jour au moment d’une éventuelle mise à jour d’HikaShop? En effet je me suis aperçu que je suis obligé de passer par cette feuille de style si je veux styliser les pop-up d’HikaShop, si je passe par ma feuille de style personnelle les règles ne sont pas prises en compte. Ceci est dû par le fait que vous passez par une balise ? Merci.")* Je pense qu'il vous suffira d'utiliser ce genre de code : Code: \#modal-hikashop_new_address_popup{ width:900px !important; height:700px !important; } Last edit: 13 years 3 months ago by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODU2MzAtc3R5bGlzZXItdW5lLXBvcC11cC1kLWhpa2FzaG9wP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation. - **[Haile](/forum/user/14066-haile "View Haile's Profile")** - [![Haile's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar14066_2014-06-01.png)](/forum/user/14066-haile "View Haile's Profile") Topic Author - [ Offline](/forum/user/14066-haile) Less More - Posts: 67 - Thank you received: 4 - - 13 years 3 months ago [\#115085](#115085) by [Haile](/forum/user/14066-haile "View Haile's Profile") Replied by *[Haile](/forum/user/14066-haile "View Haile's Profile")* on topic *[Styliser une pop-up d'HikaShop](/forum/5-support-en-francais-french-support-/85630-styliser-une-pop-up-dhikashop#115085 "Bonjour, concernant les feuilles de style d’ Hikashop, je fais référence en particulier au fichier frontend-custom.css, est-ce que ce fichier est mis à jour au moment d’une éventuelle mise à jour d’HikaShop? En effet je me suis aperçu que je suis obligé de passer par cette feuille de style si je veux styliser les pop-up d’HikaShop, si je passe par ma feuille de style personnelle les règles ne sont pas prises en compte. Ceci est dû par le fait que vous passez par une balise ? Merci.")* ok, merci, ça marche ![:)](/media/kunena/emoticons/3.png ":)") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODU2MzAtc3R5bGlzZXItdW5lLXBvcC11cC1kLWhpa2FzaG9wP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation. - **[Haile](/forum/user/14066-haile "View Haile's Profile")** - [![Haile's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar14066_2014-06-01.png)](/forum/user/14066-haile "View Haile's Profile") Topic Author - [ Offline](/forum/user/14066-haile) Less More - Posts: 67 - Thank you received: 4 - - 13 years 3 months ago - 13 years 3 months ago [\#115110](#115110) by [Haile](/forum/user/14066-haile "View Haile's Profile") Replied by *[Haile](/forum/user/14066-haile "View Haile's Profile")* on topic *[Styliser une pop-up d'HikaShop](/forum/5-support-en-francais-french-support-/85630-styliser-une-pop-up-dhikashop#115110 "Bonjour, concernant les feuilles de style d’ Hikashop, je fais référence en particulier au fichier frontend-custom.css, est-ce que ce fichier est mis à jour au moment d’une éventuelle mise à jour d’HikaShop? En effet je me suis aperçu que je suis obligé de passer par cette feuille de style si je veux styliser les pop-up d’HikaShop, si je passe par ma feuille de style personnelle les règles ne sont pas prises en compte. Ceci est dû par le fait que vous passez par une balise ? Merci.")* ... cela marche mais cela engendre d'autres soucis :dry: personnellement la balise *<iframe>* est source de problème, c’est la petite bête noire, cela m’a donné déjà beaucoup de soucis avec le composant d’Acymailing, je vois que vous adoptez la même technique pour les pop-up ![:(](/media/kunena/emoticons/22.png ":(") Avec toutes les belles techniques jQuery d'aujourd'hui pourquoi passer par un *<iframe>*?? Dans votre cas j’ai les menus déroulants qui ne s’affichent pas convenablement, ils sont coupés. Même en appliquant la propriété Code: overflow-x:hidden; overflow-y:auto; je n’arrive pas à contourner le problème, une solution? Last edit: 13 years 3 months ago by [Haile](/forum/user/14066-haile "View Haile's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODU2MzAtc3R5bGlzZXItdW5lLXBvcC11cC1kLWhpa2FzaG9wP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation. - **[Eliot](/forum/user/1824-eliot "View Eliot's Profile")** - [![Eliot's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar1824.png)](/forum/user/1824-eliot "View Eliot's Profile") - [ Offline](/forum/user/1824-eliot) Less More - Posts: 2334 - Thank you received: 403 - - 13 years 3 months ago [\#115229](#115229) by [Eliot](/forum/user/1824-eliot "View Eliot's Profile") Replied by *[Eliot](/forum/user/1824-eliot "View Eliot's Profile")* on topic *[Styliser une pop-up d'HikaShop](/forum/5-support-en-francais-french-support-/85630-styliser-une-pop-up-dhikashop#115229 "Bonjour, concernant les feuilles de style d’ Hikashop, je fais référence en particulier au fichier frontend-custom.css, est-ce que ce fichier est mis à jour au moment d’une éventuelle mise à jour d’HikaShop? En effet je me suis aperçu que je suis obligé de passer par cette feuille de style si je veux styliser les pop-up d’HikaShop, si je passe par ma feuille de style personnelle les règles ne sont pas prises en compte. Ceci est dû par le fait que vous passez par une balise ? Merci.")* Bonjour, Il va nous falloir un lien vers votre site pour voir ça de plus près. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODU2MzAtc3R5bGlzZXItdW5lLXBvcC11cC1kLWhpa2FzaG9wP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation. - **[Haile](/forum/user/14066-haile "View Haile's Profile")** - [![Haile's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar14066_2014-06-01.png)](/forum/user/14066-haile "View Haile's Profile") Topic Author - [ Offline](/forum/user/14066-haile) Less More - Posts: 67 - Thank you received: 4 - - 13 years 3 months ago - 13 years 3 months ago [\#115310](#115310) by [Haile](/forum/user/14066-haile "View Haile's Profile") Replied by *[Haile](/forum/user/14066-haile "View Haile's Profile")* on topic *[Styliser une pop-up d'HikaShop](/forum/5-support-en-francais-french-support-/85630-styliser-une-pop-up-dhikashop#115310 "Bonjour, concernant les feuilles de style d’ Hikashop, je fais référence en particulier au fichier frontend-custom.css, est-ce que ce fichier est mis à jour au moment d’une éventuelle mise à jour d’HikaShop? En effet je me suis aperçu que je suis obligé de passer par cette feuille de style si je veux styliser les pop-up d’HikaShop, si je passe par ma feuille de style personnelle les règles ne sont pas prises en compte. Ceci est dû par le fait que vous passez par une balise ? Merci.")* ...merci, j'ai réglé le problème. Si ça peut aider quelqu'un, voici les règles à appliquer pour avoir le pop-up centre avec les listes déroulantes visibles. Bien évidemment le pourcentage dépendra de la largeur qu'on aura donné au pop-up: Code: iframe.iframe { height: 700px; } #modal-hikashop_new_address_popup { width: 520px !important; position:absolute; top:10%; bottom:60%; left:60%; right:60%; } #modal-hikashop_new_address_popup .modal-body { overflow:hidden; } Last edit: 13 years 3 months ago by [Haile](/forum/user/14066-haile "View Haile's Profile"). The following user(s) said Thank You: [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vODU2MzAtc3R5bGlzZXItdW5lLXBvcC11cC1kLWhpa2FzaG9wP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation. Board Categories HikaShop Install & Update Product & Category Display Content Creation Sales and Orders Orders management Reports & Statistics Customers Checkout Payment Methods Shipping Methods Import & Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel & Slider Mass Actions Filters & Search Discount & 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.111 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)