Styliser une pop-up d'HikaShop

  • Posts: 67
  • Thank you received: 4
11 years 2 months ago #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 <iframe>?

Merci.

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

  • Posts: 12953
  • Thank you received: 1778
11 years 2 months ago #115073

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 or Create an account to join the conversation.

  • Posts: 67
  • Thank you received: 4
11 years 2 months ago #115077

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:

<div id="modal-hikashop_new_address_popup" class="modal hide fade" style="width:780px;height:570px;margin-left:-390px">

Merci

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

  • Posts: 12953
  • Thank you received: 1778
11 years 2 months ago #115080

Je pense qu'il vous suffira d'utiliser ce genre de code :

#modal-hikashop_new_address_popup{
width:900px !important;
height:700px !important;
}

Last edit: 11 years 2 months ago by Mohamed Thelji.

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

  • Posts: 67
  • Thank you received: 4
11 years 2 months ago #115085

ok, merci, ça marche :)

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

  • Posts: 67
  • Thank you received: 4
11 years 2 months ago #115110

... 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 :(
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é

overflow-x:hidden;
overflow-y:auto;
je n’arrive pas à contourner le problème, une solution?

Last edit: 11 years 2 months ago by Haile.

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

  • Posts: 2334
  • Thank you received: 403
11 years 2 months ago #115229

Bonjour,

Il va nous falloir un lien vers votre site pour voir ça de plus près.

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

  • Posts: 67
  • Thank you received: 4
11 years 2 months ago #115310

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

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: 11 years 2 months ago by Haile.
The following user(s) said Thank You: Xavier

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

Time to create page: 0.089 seconds
Powered by Kunena Forum