Taille de l'image dans le panier

  • Posts: 73
  • Thank you received: 0
12 years 7 months ago #47167

Bonjour,

Peut-on réduire la taille de l'image dans le panier ? Afin qu'elle soit plus petite que la vignette des liste de produits .

Merci.

Last edit: 12 years 7 months ago by itiav.

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

  • Posts: 2639
  • Thank you received: 66
  • Hikashop Business
12 years 7 months ago #47182

tu regardes le style de tes images (code source) et tu forces la taille en css

par exemple

<img src="......jpg" alt="" class="hk_cart_img" />

.hk_cart_img{
width:150px !important;
height:auto;
}

Last edit: 12 years 7 months ago by erickb.

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

  • Posts: 73
  • Thank you received: 0
12 years 7 months ago #47185

Merci,

Mais je préfèrerais que les images soient directement retaillées à la bonne dimension sans avoir à les redimesionner en CSS ;)

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

  • Posts: 13201
  • Thank you received: 2322
12 years 7 months ago #47204

Bonjour itiav,

Vous pouvez changer la taille des images dans le panier en allant dans HikaShop > System > Configuration > Files.
Puis modifier la taille dans "Thumbnail width" et "Thumbnail height".
Attention, cela changera aussi la taille de l'aperçu dans la liste des produits et dans la fiche produit.

Si vous voulez seulement modifier la taille de l'image dans le panier, le CSS reste la meileure solution.

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

  • Posts: 4
  • Thank you received: 0
12 years 6 months ago #51423

OK, mais dans quel fichier se trouve le CSS à changer??????

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

  • Posts: 13201
  • Thank you received: 2322
12 years 6 months ago #51425

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

  • Posts: 124
  • Thank you received: 3
  • Hikashop Business
12 years 2 months ago #62441

Bonjour,

En lisant vos différentes réponses, j’ai essayé de trouver la méthode pour réduire les images dans le récapitulatif du panier lors de la finalisation de la commande, mais je ne vois pas quel style modifier dans le fichier CSS pour la partie publique.

J’ai cherché des infos dans la faq ( www.hikashop.com/fr/support/documentation/faq.html#css ) et lu le paragraphe « How to change the size of the small thumbnails on the product page » mais cela ne correspond pas à ma recherche et je ne trouve pas d’autres informations.

En regardant le code source de la page, voici le code du style de l’image : style="margin-top:10px;margin-bottom:10px;display:inline-block;vertical-align:middle" height="150" width="150".
Je me demande si on doit modifier ce style directement dans le fichier concerné. Mais je ne sais pas lequel ??

Avez-vous une solution ?

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

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

Bonjour,

Il suffit d'utiliser du CSS comme ceci:

.hikashop_cart_product_image_thumb img{
height: 150 px !important;
}

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

  • Posts: 13201
  • Thank you received: 2322
12 years 2 months ago #62583

Bonjour Al media,

En changeant tout simplement la valeur de "thumbnail height" et "thumbnail width" dans HikaShop > System > Configuration > Files, cela ne suffit pas ?

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

  • Posts: 124
  • Thank you received: 3
  • Hikashop Business
12 years 2 months ago #62610

Merci pour vos réponses, mon problème est résolu.

J'ai modifié le CSS comme proposé par Nicolas en écrivant le code suivant pour agir sur la largeur :
.hikashop_cart_product_image_thumb img{
width:50px !important;
height:auto;
}

En changeant tout simplement la valeur de "thumbnail height" et "thumbnail width" dans HikaShop > System > Configuration > Files, cela ne suffit pas ?
Non car cela modifiait aussi la taille des images dans les catégories.

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

Time to create page: 0.127 seconds
Powered by Kunena Forum