Custom Category Template 4 columns

Hi all!
I've start using Flexicontent for a complex site i'm building and i find it really usefull!

Now there is a thing that i'm trying to do and i can't.

I need a category view whith 3-4 columns.
In each column i need an image taken from an image field that automatic link to the relative item page.
I don't want to display anything else, only that image field with the link (auto).

It this possible?

My first problem is to have more than 2 columns, and the second problem is to have an image with the link of the article, no idea on how to do that.

Thanks for any help!

hello you can edit your template file category_item.php
created your table and insert the code to generate your content
2 link
<!-- l --><a class="postlink-local" href=" www.flexicontent.org/phpbb/viewtopic.php?f=10&t=1648 ">viewtopic.php?f=10&t=1648
<!-- l --><a class="postlink-local" href=" www.flexicontent.org/phpbb/viewtopic.php?f=10&t=1335 ">viewtopic.php?f=10&t=1335
regards

i know i can edit the category_item.php, i did, but i can't get it to stay on more than 2 columns. In the category option on the backend it only let me select 1 or 2 column.

too bad all the most interesting post on this forum are in french.

and what can you tell me about the possibility to have an image with automatic generated link to the article? is this possible? and how?

thanks in advance.

Has this been resolved (in English) to be able to have more than 2 columns in Category View by chance?

no you can do this manualy
sorry my engglish is to small to do a real translation ...

No worries Micker, you do an OUTSTANDING job responding to all the threads here and helping as much as you can.

I've tried to do more than the standard 2 column category view and didn't have much luck.


I'm going to try again and if I get it figured out, I'll post what I did for a tutorial guide for people looking for it in English.


Thanks again for all the help you provide here!

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;
}