ACHTUNG: MACHT DAS BITTE (anders als im Original angegeben) in einem Child Theme!
Dazu gibt es schon was: https://mypresta.eu/prestashop-17/display-available-subcategories.html
aber ich finde, 3 Elemente pro Zeile sind deutlich übersichtlicher.
Deshalb das css angepasst:
#subcategories ul {
margin: 0 0 0 -20px;
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
-webkit-column-break-inside: avoid; /* Chrome, Safari */
page-break-inside: avoid; /* Theoretically FF 20+ */
break-inside: avoid-column; /* IE 11 */
display:table; /* Actually FF 20+ */
}
#subcategories ul li {
float: left;
width: 145px;
margin: 0 0 13px 33px;
text-align: center;
height: 202px;
break-inside: avoid-column;
}
