How to change number of columns on the product list

From AVACTIS : Ecommerce Shopping Cart Software Wiki
Jump to: navigation, search

To change the number of columns on the product list pages, do the following:

1. Open the "avactis-themes/YOUR_THEME/catalog/product-list/default/product-list-config.ini" file and change the "Option-Columns" value.

2. Open the "avactis-themes/YOUR_THEME/css/style.product_list.css" file and find the following part of code:

.product_item {
   float: left;
   width: 33%;
   text-align: left;
   position: relative;
}

3. Replace 33% with your value calculated as follows:

100%/N-1px

where N - the number of columns specified on step 1.

NOTE: use integer values only.

4. Clear the application cache.