Page 1 of 1

putting the category images in a grid

Posted: 22 Sep 2013, 20:11
by shoulders
Hi

i have read the forum and the manual, but i cannot find a way to put categories that i include in an article in to a grid or at least all float left (display: inline-block) rather than a vertical list using:

Code: Select all

{phocagallery view=categories|imagecategories=1|imagecategoriessize=1}
i am aware that i can surround stuff in divs and then style that but the output using this plugin seems to be table based. I did give it a go.

i could not find a template file or css for the plugin.

is it possible to make the categories output in a grid, preferably one that i can set or a responsive float left or float right ?

will i have to actually edit the plugin code itself?

thanks

shoulders

Re: putting the category images in a grid

Posted: 23 Sep 2013, 22:49
by Jan
Hi, I think, editing the plugin will be the quickest way :idea:

Jan

Re: putting the category images in a grid

Posted: 02 Oct 2013, 20:53
by shoulders
Jan wrote:Hi, I think, editing the plugin will be the quickest way :idea:

Jan
I had a look at editing the plugin, but i was not really keen to do that. You will love the solution i figured out and no core code or phocagallery code was harmed in the making of this.

Phocagallery when displaying a category through a link floats the categories exactly as i want, but my problem was that i wanted to display 2 categories like that, floated and below each other. However when you create a menu item you can only select 1 category and tweak it as needed.

So i used the following method to get the result i wanted
  • I created a menu (but not attached to a module)
  • in this menu i created 2 phocagallery category links, each link pointing at their own respective category and tweaked as required
  • i created an article called Portfolio
  • I then use a plugin called 'Plugin include component' (available for free on jooml extensions) and included each of the menu items (via jlink) into the portfolio article. (i used a clear: both command between the two items just incase)
  • I then pointed a main menu item to the article, portfolio
  • i now have 2 x separate sub categories displayed on the same page, floated
You can use this method to get different layouts and the best thing is, upgrading will not break this method.

i hope this helps

Re: putting the category images in a grid

Posted: 05 Oct 2013, 13:08
by Jan
Hi, thank you for this guide.

Jan