Répartir le bloc "Catégories" sur deux colonnes dans le footer

[winterfool]

Bonjour, 

 

Je rencontre actuellement un problème dans la disposition de mon footer. Je souhaite y afficher le bloc Catégories en colonne, seulement ma liste de catégories est assez longue (ce qui n'est pas très beau...) et j'aimerais donc la disposer en plusieurs colonnes réparties horizontalement. Je débute sur Prestashop et j'avoue qu'aucune solution ne me vient à l'esprit. Je ne saurais pas dire s'il faut que je modifie le fichier blockcategories_footer.tpl ou peut-être que je dois faire des modifications sur le css de la grille bootstrap ? 

 

En espérant trouver une réponse d'ici là, merci d'avance 

[winterfool]

Up, J'émets une autre hypothèse (je ne sais pas du tout si ça peut fonctionner ou si je peux modifier quoi que ce soit en rapport avec cela) :

Voici à quoi ressemble mon blockcategories_footer.tpl :

<!-- Block categories module -->
<section class="blockcategories_footer footer-block col-xs-12 col-sm-2">
	<h4>{l s='Categories' mod='blockcategories'}</h4>
	<div class="category_footer toggle-footer">
		<div class="list">
			<ul class="tree {if $isDhtml}dhtml{/if}">
			{foreach from=$blockCategTree.children item=child name=blockCategTree}
				{if $smarty.foreach.blockCategTree.last}
					{include file="$branche_tpl_path" node=$child last='true'}
				{else}
					{include file="$branche_tpl_path" node=$child}
				{/if}
			
				{if ($smarty.foreach.blockCategTree.iteration mod $numberColumn) == 0 AND !$smarty.foreach.blockCategTree.last}
			</ul>
		</div>
	</div> <!-- .category_footer -->

	<div class="category_footer">
		<div class="list">
			<ul class="tree {if $isDhtml}dhtml{/if}">
				{/if}
			{/foreach}
			</ul>
		</div>
	</div> <!-- .category_footer -->
</section>
<!-- /Block categories module -->

Peut-être qu'il y aurait un moyen, pour que j'intègre dans le foreach le fait que je veuille limiter ma liste à un nombre de champs précis (disons 8 catégories) et que si mon nombre de catégories y est supérieur, je recrée une nouvelle colonne ? Encore une fois, j'ai peu de connaissance. Peut-être qu'il y a une manière plus simple d'obtenir le résultat que je souhaite

[winterfool]

J'ai finalement trouvé une solution à mon problème, pas la peine de toucher au foreach. Je me suis aidée de ce topic : https://www.prestashop.com/forums/topic/329665-solved-2-columns-categories-list-in-footer/ , en adaptant le css à ma façon pour obtenir 4 colonnes.

 

Ce qui me donne :

.blockcategories_footer ul li {
	/*float:left;*/
	display:inline-block;
	width:23%;
	margin-right: 20px;
}

Peut-être que cela servira à quelqu'un d'autre, dans tous les cas j'ai résolu mon problème tout seul.