- Posts: 66
- Thank you received: 0
agrandir container et images
- Lequeux jc
-
Topic Author
- Offline
Less
More
13 years 11 months ago #71916
by Lequeux jc
agrandir container et images was created by Lequeux jc
Bonjour,
Pour l'agrandissement du container des liste de produits DIV j'ai lu qu'il fallait rajoute :
.hikashop_subcontainer{
height: 200px;
}
Pouvez-vous me préciser dans quel fichier ?
En ce qui concerne les images (multi) pour un produit comment peut-on agrandir l'mage principale ainsi qie les petites vignettes dessous ?
Merci de vos réponses.
Pour l'agrandissement du container des liste de produits DIV j'ai lu qu'il fallait rajoute :
.hikashop_subcontainer{
height: 200px;
}
Pouvez-vous me préciser dans quel fichier ?
En ce qui concerne les images (multi) pour un produit comment peut-on agrandir l'mage principale ainsi qie les petites vignettes dessous ?
Merci de vos réponses.
Please Log in or Create an account to join the conversation.
13 years 11 months ago #72045
by Xavier
Replied by Xavier on topic Re: agrandir container et images
Bonjour,
Vous pouvez changer le css dans le fichier "Front-end CSS File" dans HikaShop > Configuration > Affichage dans la partie "CSS".
Pour modifier la taille des images et miniatures dans la page produit, il y a une otpion dans Configuration > Files. Vous pouvez définir la taille de l'image et la taille des miniatures.
Vous pouvez changer le css dans le fichier "Front-end CSS File" dans HikaShop > Configuration > Affichage dans la partie "CSS".
Pour modifier la taille des images et miniatures dans la page produit, il y a une otpion dans Configuration > Files. Vous pouvez définir la taille de l'image et la taille des miniatures.
The following user(s) said Thank You: Lequeux jc
Please Log in or Create an account to join the conversation.
- Lequeux jc
-
Topic Author
- Offline
Less
More
- Posts: 66
- Thank you received: 0
13 years 11 months ago #72072
by Lequeux jc
Replied by Lequeux jc on topic Re: agrandir container et images
merci pour les réponses.
ok pour la modif du css.
par contre impossible d'augmenter la taille des vignettes dans la page produit (en dessous de l'image principale), après lecture des post sur le sujet j'ai effectué les modifications du css :
ajout : .hikashop_product_image img, .hikashop_product_image, .hikashop_category_image img, .hikashop_category_image {height: 50px!Important;
width: auto!Important;
}
modification : div#hikashop_product_left_part img.hikashop_child_image{
margin : 2px;
height:50px;
}
de 25px à 50px.
j'ai mis la taille des mignatures à 50 dans la fiche configuration/images et bien coché à "oui" mignature.
j'ai effacé les répertoires thumbnail et ensuite je relance mon site et les mignatures sont toujours "petites".
pouvez-vous m'aider ? merci par avance.
ok pour la modif du css.
par contre impossible d'augmenter la taille des vignettes dans la page produit (en dessous de l'image principale), après lecture des post sur le sujet j'ai effectué les modifications du css :
ajout : .hikashop_product_image img, .hikashop_product_image, .hikashop_category_image img, .hikashop_category_image {height: 50px!Important;
width: auto!Important;
}
modification : div#hikashop_product_left_part img.hikashop_child_image{
margin : 2px;
height:50px;
}
de 25px à 50px.
j'ai mis la taille des mignatures à 50 dans la fiche configuration/images et bien coché à "oui" mignature.
j'ai effacé les répertoires thumbnail et ensuite je relance mon site et les mignatures sont toujours "petites".
pouvez-vous m'aider ? merci par avance.
Please Log in or Create an account to join the conversation.
13 years 11 months ago #72137
by nicolas
Replied by nicolas on topic Re: agrandir container et images
Cela devrait fonctionner.
Pourriez vous fournir un lien vers une page produit pour que nous puissions voir votre CSS ?
Pourriez vous fournir un lien vers une page produit pour que nous puissions voir votre CSS ?
Please Log in or Create an account to join the conversation.
- Lequeux jc
-
Topic Author
- Offline
Less
More
- Posts: 66
- Thank you received: 0
13 years 11 months ago - 13 years 11 months ago #72144
by Lequeux jc
Replied by Lequeux jc on topic Re: agrandir container et images
en effet je viens de tester avec firefox en debug et les les miniatures sont à bonne dimension, par contre quand j'agrandi il n'affiche que 6 miniatures sur une ligne peut-on en augmenter le nombre ?
meci et désolé pour le faux problème.
meci et désolé pour le faux problème.
Last edit: 13 years 11 months ago by Lequeux jc.
Please Log in or Create an account to join the conversation.
13 years 11 months ago #72235
by Xavier
Replied by Xavier on topic Re: agrandir container et images
Bonjour,
Pour afficher plus de miniatures, il faut augmenter la taille du conteneur des images.
Editez la propiété css de la classe:
".hikashop_product_left_part"
Pour afficher plus de miniatures, il faut augmenter la taille du conteneur des images.
Editez la propiété css de la classe:
".hikashop_product_left_part"
The following user(s) said Thank You: Lequeux jc
Please Log in or Create an account to join the conversation.
Less
More
- Posts: 22
- Thank you received: 1
8 years 7 months ago #287412
by contact.singier@gmail.com
Replied by contact.singier@gmail.com on topic Re: agrandir container et images
Bonjour,
Je souhaiterai, agrandir le container de l’image de la fiche produit pour q’elle fasse 70% de la largeur et les 30% restant pour les caractéristiques du produit. Quel code dois je modifier dans le css?
Merci
Je souhaiterai, agrandir le container de l’image de la fiche produit pour q’elle fasse 70% de la largeur et les 30% restant pour les caractéristiques du produit. Quel code dois je modifier dans le css?
Merci
Please Log in or Create an account to join the conversation.
8 years 7 months ago - 8 years 7 months ago #287442
by Philip
Replied by Philip on topic Re: agrandir container et images
Bonjour,
Le plus simple va être d'ajouter des commandes Css dans votre frontend file Css, vous pouvez voir un exemple pour cela dans ce tutoriel .
Sinon, je pense que vous aller devoir redéfinir la taille du container de l'image elle même, avant de définir la largeur (width) de l'image elle même.
A mon sens, vous allez avoir d'autre ajustement à faire pour que tout se place harmonieusement.
N'oubliez pas que vous avez sur le site w3schools toutes les réferences nécessaires pour tout peaufiner.
En espérant que cela vous aide.
Cordialement
Le plus simple va être d'ajouter des commandes Css dans votre frontend file Css, vous pouvez voir un exemple pour cela dans ce tutoriel .
Sinon, je pense que vous aller devoir redéfinir la taille du container de l'image elle même, avant de définir la largeur (width) de l'image elle même.
A mon sens, vous allez avoir d'autre ajustement à faire pour que tout se place harmonieusement.
N'oubliez pas que vous avez sur le site w3schools toutes les réferences nécessaires pour tout peaufiner.
En espérant que cela vous aide.
Cordialement
Last edit: 8 years 7 months ago by Philip.
Please Log in or Create an account to join the conversation.
Less
More
- Posts: 22
- Thank you received: 1
8 years 7 months ago #287458
by contact.singier@gmail.com
Replied by contact.singier@gmail.com on topic Re: agrandir container et images
Merci beaucoup pour vos réponses je vais suivre vos conseille.
Trés bonne journée
Trés bonne journée
The following user(s) said Thank You: Philip
Please Log in or Create an account to join the conversation.
Time to create page: 0.201 seconds