Augmenter l'éspace entre les articles

-- url of the page with the problem -- : mywebsite.com/mypage
-- HikaShop version -- : 2.2.1
-- Joomla version -- : 3.2
-- PHP version -- : x.x.x
-- Browser(s) name and version -- : XXXXX x.x.x
-- Error-message(debug-mod must be tuned on) -- : Error_message

Bonjour à tous,

j'ai une liste d'articles qui s'affiche sur 4 colonne et j'aimerais augmenter l'espace entre eux.
J'utillise l'affichage div.

un petit lien pour voir le resultat :

www.mondebloqueur.com/hikashop-menu-for-.../category/16-lg.html

merci d'avance pour votre aide.

Cordialement

Bonjour,

Voici la documentation relative à la customisation de l'affichage:
www.hikashop.com/support/documentation/1...ize-the-display.html

Merci je l'ai lu mais j'ai pas réussi. Je suis pas un pro du css, pourriez vous m'aider svp.

Bonjour,
tu peux télécharger quelques outils pour firefox qui en cliquant avec le bouton droit sur les div de ton site donnent le nom (webdevelopper, firebug...). C'est très pratique.

Peut être dans ton cas ajoute dans ton css de template qqch comme :
DIV.hikashop_container {width:200px; padding:5px;} ou
DIV.hikashop_container {margin:10px;}
ou encore
DIV.hikashop_subcontainer.thumbnail{width:200px; padding:5px;}

Dans hikashop>config>affichage>css Editer les css du frontend.
ou dans le fichier css du template joomla

Après c'est vague, tu peux déjà essayer en modifiant les valeurs de width et de padding...

Merci pour votre réponse j'ai pu trouver et faire la modif dans mon css. Le soucis c'est que maintenant mes div se chevauchent...

En ajoutant un margin pour forcer au positionnement ça devrait fonctionner.
Sinon penser à mettre un width plus grand pour le DIV.hikashop_container que pour le DIV.hikashop_subcontainer.thumbnail.
En modifiant les width, margin et padding ça devrait suffire pour avoir le bon résultat je pense.
Un truc du style :
DIV.hikashop_container {width:210px; padding:5px;margin:5px;}
DIV.hikashop_subcontainer.thumbnail{width:200px;}
ou simplement
DIV.hikashop_subcontainer.thumbnail{width:200px;margin:5px;}

J ai eesayé mais ça n'a rien donné apr contre j'ai finalment réussi en augmentant la taille du conteneur qui affiche la liste de produits.

Il faut donc modifié le CSS a cet endroit :

.hikashop_submodules{
padding-top:30px;

/* Ajout de la taille en largeur ici */
width:700px;
}