Display Prestashop subcategories as grid?

In order to switch the display of the subcategories from Prestashop from list to grid, follow these steps.

prestashop

Look for “/themes/prestashop/css/category.css”.

Find this code:

.inline_list li {
padding:10px 0;
border-bottom:1px dotted #ccc;
}

Replace it with:

.inline_list li {
padding:20px 0;
border-bottom:1px dotted #ccc;
float: left;
width: 185px;
}

Find this code:

.inline_list li .cat_name {
font-weight:bold;
font-size:13px;
}

Replace it with:

.inline_list li .cat_name {
font-weight:bold;
font-size:13px;
clear: Both;
display: block;
margin-left:15px;
}

Notice that if you use a custom made theme, you might not have category.css.
The default Prestashop theme has.

ADD A COMMENT: