Show title under category image?

[Salocin]

Hallo,

I'd really love to use this gallery, but I would like to display the category title under the category image. How is this possible? At the moment the title is beside the image and this isn't really fine.

Could anybody give me a hint?

best regards,

Salocin

[imperialWicket]

This thread discusses a few modifications to the categories view, one of which is changing the styling such that the image does not float left, and the text does not have a large left margin. Changing those styles should help you out, there some other tips in the thread, as well as references to the appropriate files.

[Salocin]

Thanks. But the problem discussed in this thread is "slightly" different to my problem. As I'm not fit in programming I can't adopt their solution

[imperialWicket]

Which view are you using? Or, can you provide a URL or screenshot?

[Salocin]

Hallo,

I use the Category list layout. You can have a look here: http://tiny.cc/qmw7u So far, there is onlay one category, as I'm stillt testing.

best regards,

Salocin

[imperialWicket]

The table markup is being generated in components/com_phocagallery/views/categories/tmpl/default.php.

It looks like you are using the configuration option Display Categories Style: Categories and images (sorry, all my references are going to be the English text). In the php file, this is commented as "// TABLE LAYOUT" around line 61.

At line 91, the default.php file begins the second column of the table:

Code: Select all

echo '</a></td>'; 
echo '<td><a href="'.$this->categories[$i]->link.'" class="category'.$this->params->get( 'pageclass_sfx' ).'">'.$this->categories[$i]->title.'</a>&nbsp;';

Ending the current row and beginning a new one should give you a title under image display:

Code: Select all

echo '</a></td>'; 
echo '</tr><tr>;
echo '<td><a href="'.$this->categories[$i]->link.'" class="category'.$this->params->get( 'pageclass_sfx' ).'">'.$this->categories[$i]->title.'</a>&nbsp;';

You might need to play with the css a little bit to get the display exactly as you want it, but you can control most of the display possibilities in that area of that file.

Good luck.

[Salocin]

Thanks very much! It's a step in the right direction. But unfortunately the text is just placed deeper beside the picture but not right under the picture. But I guess that's not a CSS-Problem, is it?

[imperialWicket]

It looks like you added "</tr><td>" instead of "</tr><tr>".

[Salocin]

Oh, yes! You're right. Thank you very much!
Just one last thing: Where do I find the CSS-Sheet to center the text under the picture?

[imperialWicket]

The Phoca Gallery code adds a category class to the category links, so you could add a .category reference to any css sheet that is being loaded on the page (probably your primary template stylesheet). However, the first row in the table is being aligned inline, so it seems logical to me to simply add the align="center" to the second row of your table (the row you just added). This would be the first <td> tag from the original line 92 (which is probably line 93 now for your file). Just add the alignment so it reads:

Code: Select all

echo '<td align="center"><a href="'.$this->categories...

and you should be in business.