champs personnalisés de type checkbox

  • Posts: 139
  • Thank you received: 0
12 years 2 months ago #64305

Bonjour,

j'ai une nouvelle question concernant l'affichage des champs personnalisés de type checkbox dans le menu de saisie des produits. J'ai un grand nombre d'items sur un champ personnalisé et cela s'affiche comme ceci:



Est-il possible d'afficher tous les items les uns au-dessus des autres pour que la saisie soit plus facile?

Merci

Attachments:

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

  • Posts: 2334
  • Thank you received: 403
12 years 2 months ago #64341

Bonjour,

Il est possible de faire cela en ajoutant du css dans votre feuille de style.
Il faut que la class de votre checkbox ai l'attribut

float:left;
et que le label possède l'attribut
display:block;

Si vous me donnez un lien vers la page, je pourrais vous donner plus de détails sur les classes où appliquer ce css.

Last edit: 12 years 2 months ago by Eliot.

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

  • Posts: 139
  • Thank you received: 0
12 years 2 months ago #64348

Désolé, je ne me suis pas bien exprimé. Je voudrais modifier l'affichage du champ personnalisé de type checkbox en back-end, dans la page de saisie des produits d'hikashop et non pas en front-end.
Je vous joins une copie d'écran plus large:



merci

Attachments:

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

  • Posts: 2334
  • Thank you received: 403
12 years 2 months ago #64352

Bonjour,

En effet ce n'est plus tout à fait pareil mais pas très différent. Il suffit que vous ajoutiez ces deux lignes au css de votre backend:

#hikashop_product_lenomdevotrechamp input { float: left; }
#hikashop_product_lenomdevotrechamp label { dispay: block; }

En remplaçant lenomdevotrechamp par le label de votre champ personnalisé (ici je suppose equipements)

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

  • Posts: 139
  • Thank you received: 0
12 years 2 months ago #64368

désolé mais je n'y arrive pas. Voici une partie du code html de la page. Cela vous permettra peut-être de me donner des précisions:




Merci

Attachments:

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

  • Posts: 2334
  • Thank you received: 403
12 years 2 months ago #64373

Quel est le soucis? La modification ne marche pas?
Etes vous sur d'ajouter ces modifications au fichier css du backend?
Avez vous bien sauver la configuration ensuite?

Au passage il y'a une petite erreur dans ce que je vous ai donné, c'est

display: block;
et non
dispay: block;

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

  • Posts: 139
  • Thank you received: 0
12 years 2 months ago #64375

Dans /media/com_hikashop/css/backend-default.css
j'ajoute le code:
#hikashop_product_equipements input { float: left; }
#hikashop_product_equipements label { display: block; }

Mais rien ne se passe

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

  • Posts: 82867
  • Thank you received: 13374
  • MODERATOR
12 years 2 months ago #64379

Essayez de nettoyer le cache de votre navigateur.

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

  • Posts: 139
  • Thank you received: 0
12 years 2 months ago #64380

C'était bien ça. Maintenant ça fonctionne mais décalé, comme cela:


Attachments:

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

  • Posts: 2334
  • Thank you received: 403
12 years 2 months ago #64383

Bonjour,

Cela devrait résoudre le problème:

#hikashop_product_equipements label { display: block; margin:5px; }

Last edit: 12 years 2 months ago by Eliot.

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

  • Posts: 139
  • Thank you received: 0
12 years 2 months ago #64390

C'est parfait. C'est exactement ce que je voulais.

Merci

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

Time to create page: 0.108 seconds
Powered by Kunena Forum