Affiche du site en 2 colonnes

[rod_05]

Bonjour,
j'avoue ne pas savoir si je suis au bon endroit
je cherche depuis quelques temps à changer l'affichage de ma boutique (je n'ai pas trouvé grand chose sur les différents forums)
aujourd'hui il y a par défaut un affichage en une colonne que je souhaiterais pouvoir modifier pour générer un affichage en 2 colonnes comme ce qui est proposé dans le module "Featured Products on the homepage"

merci par avance pour vos conseils

[df15]

Bonjour,

pour avoir le même affichage des produits dans les pages de catégorie que sur la page d'accueil, il faut modifier le product_list.tpl ainsi que la css.

le module que tu as en page d'accueil peux te servir d'exemple pour adapter la même chose sur les autres pages.

Actuellement tu as ceci dans le fichier global.css (ligne 1495)

ul#product_list li {
   background: none repeat scroll 0 0 #FFFFFF;
   border: 1px solid #D0D3D8;
   clear: both;
   height: 130px;
   margin-bottom: 0.3em;
   padding: 6px;
}

rien que de le modifier comme ci-dessous te permet de passer en 2 colonnes

ul#product_list li {
   background: none repeat scroll 0 0 #FFFFFF;
   border: 1px solid #D0D3D8;
   display: inline-block;
   margin-bottom: 0.3em;
   padding: 6px;
   width: 250px;
}

Après à toi de paufiner et d'améliorer le style

[cashmedia]

Bonsoir, je chercher à faire les memes modifications: afficher les produits des pages de catégories en 2-3 ou 4 par ligne tout en ayant les memes infos que sur la version de base de prestashop avec 1 produit par ligne.

Merci d' avance.

[Cerise]

cashmedia :
- Il faut que tu reprennes le CSS (dans ton fichier CSS, sur Firebug j'obtiens ça ce nom de fichier bizarre 2cb94a0feffbf8f8d1601242773ae5dc_all.css) et les diverses classes de ta page d'accueil (dans modules/homefeatured/homefeatured.tpl) pour les adapter et coller dans ton product-list.tpl