Personnalisation pop-up adresse avec CSS

  • Posts: 157
  • Thank you received: 18
11 years 3 months ago #116595

Bonjour,
Je n'ai pas du tout trouvé la solution pour personnaliser les popup avec du css.
J'ai contourné le souci avec la popup "ajout au panier", mais je souhaiterai vraiment adapter la fenêtre "ajout d'adresse".
J'utilise la dernière version Hikashop sous joomla 3.0
Merci d'avance, je cale complètement...

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

  • Posts: 12953
  • Thank you received: 1778
11 years 3 months ago #116601

Hi,

I think that you'll probably find some answer through this thread :

To edit the display in these popups, you need to edit your template css file.
Because the hikashop frontend css file is not loaded for the popup.

In Joomla > extension > Template manager, tab "templates" edit your template and the css/template.css (template is an example).

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

  • Posts: 157
  • Thank you received: 18
11 years 3 months ago #116603

Hello =)

Les modifications dans mon fichier css n'ont aucune incidence sur les pop up à partir du second "html".
d'après la structure il y a :

html
BODY.body-overlayed
DIV#sbox-window.shadow
DIV#sbox-content.sbox-content-iframe
iframe (+++++ Jusqu'ici les modifications de mon fichier css sont prises en compte - I can change the css settings +++++)

puis Html
BODY.contentpane
DIV#hikashop_address_form_span_iframe ...
Etc... Mais je ne peux pas les modifier avec du css par une méthode classique

Et je cherche pour modifier l'apparence de ce formulaire en pop up
Merci

EDIT : alors je n'ai pas intérêt à modifier ce iframe puisque ça modifie aussi la grande photo de la galerie lorsque l'on clique sur un objet pour le voir en grand.

Du coup où est ce fichier adresse puisque cèest lui qu'il faut modifier non ?
Cette iframe permet aussi l'affichage des CGV c'est ce qui m'a mis la puce à l'oreille, mais je ne voit pas plus loin quand même.

Last edit: 11 years 3 months ago by Bill D..

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

  • Posts: 13201
  • Thank you received: 2322
11 years 3 months ago #116627

La popup se trouve dans la vue "address / form".
Il vous faut sinon peut être apporter les modifications dans un autres fichier css de votre template.

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

  • Posts: 157
  • Thank you received: 18
11 years 3 months ago #116631

Donc je fais hikashop > affichage>vues En 2éme ligne j'ai bien adresse / form
J'ouvre donc ce fichier php et dois le modifier en interne c'est ça ?

L'alternative étant :

Vous Il Faut Sinon is available apporter les modifications ONU de dans Autres Fichier CSS de modèle Votre.

Là c'est vrai qu'avec la refonte du site va falloir une p'tite adaptation =)

Rien n'y fait en tous cas avec des fichiers .css de mon template, désolé de tomber à ce moment...
Merci

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

  • Posts: 13201
  • Thank you received: 2322
11 years 3 months ago #116698

Oui c'est bien ça, vous pouvez le modifier à partir de cette vue.
Si vous préférez le modifier via ftp, après sauvegarde de modifications il sera accessible dans "templates/votreTemplate/html/com_hikashop/"

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

  • Posts: 157
  • Thank you received: 18
11 years 3 months ago #116715

Excellent système que cet "override" automatique !
J'ai modifier directement le address / form depuis hikashop et l'enregistrement des modifications se place dans le dossier html de mon template. C'est parfait !

Je rajoute une tout petite question concernant l'affichage sur ce forum, il ya eu une refonte je crois hier après midi et l'affichage des topics est multilangue mélangé avec des grande casses... C'est "normal" et va se solutionner automatiquement avec le traducteur intégré ou je dois faire (ou ai fais) une manipulation particulière ?

Merci encore une fois pour votre support !

Last edit: 11 years 3 months ago by Bill D..

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

  • Posts: 2334
  • Thank you received: 403
11 years 3 months ago #116728

Content de voir que vous avez solutionné votre problème :).

Pour ce qui est de la traduction automatique nous n'observons pas le même phénomène ici, pourriez vous donner un exemple de page où ce soucis de casse apparait? Vous pouvez aussi essayer avec un autre navigateur.

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

  • Posts: 157
  • Thank you received: 18
11 years 3 months ago #116733

sur cette page par exemple.
Le texte apparait clairement le temps du chargement de la page puis devient différent je vous met une impression écran
Je suis sous firefox, pour les essais avec d'autres navigateurs je dois changer d'ordi, mais ne pourrais le faire dans l'immédiat





Sinon mon souci css est en cours de résolution, mais je saurais revenir vers vous =)
Bonne journée

Attachments:
Last edit: 11 years 3 months ago by Bill D..

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

  • Posts: 157
  • Thank you received: 18
11 years 3 months ago #116756

Re-bonjour,
L'affichage semble correct si je suis détecté comme anglais par firefox...

Je reviens sur mon souci de personnalisation de la pop up adresse :
J'ai donc edité la vue address / form depuis hika et apporte des styles directement dans les div.
Toutefois je n'ai pas la main pour tous les "inputs"... (une piste pour les affiner?)
En fait j'ai agrandi l'iframe sans toucher à DIV#sbox-window.shadow ce qui aurait pour conséquence de modifier la photo produit affichée en grand.
Mon iframe couvre donc cette div, la croix pour fermer la fenêtre reste apparente en surimpression.
Pour ma zone "commentaires" ajoutée en champ personnalisés, je vais dans vues > champs personnalisés et règle le nombre de colonnes et lignes de mon champ personnalisé "commentaires".

Toutefois mon dernier point d'achoppement (hormis les "inputs")est le bouton "ok" de soumission de nouvelle adresse qui garde invariablement son habillage par défaut. Je pense avoir essayé tout ce à quoi j'ai pu pensé.
Merci d'avance

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

  • Posts: 12953
  • Thank you received: 1778
11 years 3 months ago #116781

Si vous tentez de changer l'apparence de votre bouton OK à partir de code CSS et cela "sans succès", vous devriez peut-être utiliser vos propriété CSS comme cela :

.classe {
propriété : valeur !important;
}

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

  • Posts: 157
  • Thank you received: 18
11 years 3 months ago #116787

Pensez bien que j'ai essayé pas mal de combinaisons du style qui changent tous mes boutons sauf lui !

a.hikashop_cart_button {background-color:lime !important;}
ou
iframe a.hikashop_cart_button {background-color:lime !important;}
ou
a.hikashop_cart_button {display:none !important;}
ce qui est plus embêtant =)

Attachments:
Last edit: 11 years 3 months ago by Bill D..

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

  • Posts: 2334
  • Thank you received: 403
11 years 3 months ago #116808

Essayez de vous servir de la class parente et/ou en spécifiant le type du bouton (par exemple input[type=sumbit].
Vous devriez pouvoir vous en sortir. Sinon, vous pouvez nous donner un lien vers votre page que nous regardions ça.
Pour l'histoire de la casse c'est réglé, Gtranslate traduisait le français en français d'où les soucis, nous avons donc désactivé la traduction automatique sur le forum.

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

Time to create page: 0.116 seconds
Powered by Kunena Forum