# of categories per row index page

[jamieboulder]

How/where do I set the number of categories displayed per row on the index page? I have it configured so the index page displays categories with names and images, but it's only displaying two per row when there's plenty of room for a third in each row. (http://oshoboulder.org/store/ )

thanks, JSC

[Marg]

admin/configuration/Maximum Values/Categories To List Per Row

[superprg]

May I ask one question here?
Info about the column count is stored in configuration database

INSERT INTO configuration (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, set_function, date_added) VALUES ('New Products Columns per Row', 'SHOW_PRODUCT_INFO_COLUMNS_NEW_PRODUCTS', '3', 'New Products Columns per Row', '24', '95', 'zen_cfg_select_option(array(\'1\', \'2\', \'3\', \'4\', \'5\', \'6\', \'7\', \'8\', \'9\', \'10\', \'11\', \'12\'), ', now());
which happens at the time of the install

Now when we update it from Admin, then how does this gets updated as it doesnt seems to have been referenced anywhere?
Thanks

[jamieboulder]

Thanks, Superprg,
As I look closer it is already set to 3 categories per row, but still only displaying two. I think I may have found the reason. Here's what is being outputted on the index page:

<div id="indexCategoriesMainContent" class="content">
</div>
<!-- BOF: Display grid of available sub-categories, if any -->

<div class="categoryListBoxContents" style="width:33%;">

Notice the width of the div containing the image and name: 33%. I may have increased the padding within the list box containing the categories. So I think if I could reduce the width per div to 31% or so, that might enable that third category to display on the same row.

Any idea where I could adjust the width of that div "indexCategoriesMainContent" class="content" (as above)?
thanks,
JSC

[superprg]

I think width setting was automatic

if ($num_products_count > 0) {
if ($num_products_count < SHOW_PRODUCT_INFO_COLUMNS_NEW_PRODUCTS || SHOW_PRODUCT_INFO_COLUMNS_NEW_PRODUCTS == 0 ) {
$col_width = floor(100/$num_products_count);
} else {
$col_width = floor(100/SHOW_PRODUCT_INFO_COLUMNS_NEW_PRODUCTS);

[jamieboulder]

Solved it, that was indeed it. Reduced the padding in the listboxContents div, and that enabled that third category to get onto the same row.

I would still love to know where I could adjust the
<div class="categoryListBoxContents" style="width:33%;">

so that it would read

<div class="categoryListBoxContents" style="width:31%;">

Any takers?
thanks all,

JSC

[jamieboulder]

Ooooops,

you got a reply in there before I saw it. Great, thanks loads, that is the code for that style: width setting.

JSC