Custom Category Template 4 columns

thanks for all

Hi,

I would really like to be able to do this too. I looked at the category-items.php code and I think the easiest way would be to get a table in that is four columns wide and then puts each article in a new cell, and then autogenerates a new row if it is needed.

My problem is my php skills are very bad. I know i need to adapt this code below to get it to output a table - but not sure how.

Can anyone help at all? Hope you can!

Thankyou very much.

<ul class="introblock <?php echo ($this->params->get('intro_cols', 2) == 1) ? 'one' : 'two'; ?>">
<?php for ($i=($this->limitstart == 0 ? $leadnum : 0 ); $i<$count; $i++) : ?>
<li class="<?php echo (($this->limitstart == 0) ? ($i+$leadnum)%2 : $i%2) ? 'even' : 'odd'; ?>">

tobyleeming wrote: Hi,

I would really like to be able to do this too. I looked at the category-items.php code and I think the easiest way would be to get a table in that is four columns wide and then puts each article in a new cell, and then autogenerates a new row if it is needed.

My problem is my php skills are very bad. I know i need to adapt this code below to get it to output a table - but not sure how.

Can anyone help at all? Hope you can!

Thankyou very much.

<ul class="introblock <?php echo ($this->params->get('intro_cols', 2) == 1) ? 'one' : 'two'; ?>">
<?php for ($i=($this->limitstart == 0 ? $leadnum : 0 ); $i<$count; $i++) : ?>
<li class="<?php echo (($this->limitstart == 0) ? ($i+$leadnum)%2 : $i%2) ? 'even' : 'odd'; ?>">

Hi tobyleeming
I see what you post and this made me inspire,
My english is not so good, Sorry.

I found the way to hard code for this
I was change this line
"<ul class="introblock <?php echo ($this->params->get('intro_cols', 2) == 1) ? 'one' : 'two'; ?>">"
to be
<ul class="introblock three">
This is my hard code ,
And then i edit /css/category.css
You have to find string "introblock.two"
And copy this block named "introblock.three"

---

And here , This is my new css style for 3 column"

---

in two column width =48% , It make sense that page mod by 2 , Then i mod by 3

#flexicontent ul.introblock.three li {
width: 32%;
background: #F4F4F4;
vertical-align: top;
margin-bottom: 2px;
}