Category image without image inside categorie

Phoca Gallery - image gallery extension
Ch3vr0n
Phoca Member
Phoca Member
Posts: 42
Joined: 25 Aug 2014, 20:42

Category image without image inside categorie

Post by Ch3vr0n »

Basically my issue is as this. To make visitors easy to navigate i have 2 Parent categories where each have subcategories with images in them, but the parent categories do NOT have images and will never. They are navigation folders only. The structure is as specified below

<MainCategory1>
-- <subcat1>
----- <image1>
----- <image2>
----- <image3>
----- <imageX>

<MainCategory2>
-- <subcat1>
----- <image1>
----- <image2>
----- <imageX>
-- <subcat2>
----- <image1>
----- <image2>
----- <imageX>

Now in categories view on the site it displays the 2 categories (currently using custom under legacy display) but it shows them as a FOLDER and not an image. Now my question is how do i make the 2 folders show an image instead of an folder (perhaps random image upon every visit) without there being an actual image inside the 2 main categories. So that display is as followed

<MainCategory1> <= shows a (random) image from one of the subcat instead of a folder
-- <subcat1> contains images, (random) image used for parent category
...
<MainCategory2> <= shows a (random) image from one of the subcat's instead of a folder
-- <subcat1> see above
-- <subcat2>

....

You get the idea.

I checked the manual, tried varies settings on my own, i just cant seem to achieve what i want/need
christine
Phoca Hero
Phoca Hero
Posts: 2938
Joined: 28 Nov 2010, 17:20

Re: Category image without image inside categorie

Post by christine »

Hi,

OK, just an idea :idea: I'm not sure, what exactly you mean. Could we see it?

Under Legacy: You can active (similar): Categories, images (and detail)
And/or generell: Category View: Display Image Instead Of Folder Icon

Kind regards, Christine

Edit:

Now I think I understood - I hope so :| You want to display an image as category icon and you don't want to display such image in list of category, you could do this just with a "trick".
In short:
1. load your image in the empty categorie
2. Set this image to: "not authorized"
3. Such image will be displayed as category icon but will be not displayed in list of images.

More: https://www.phoca.cz/documents/2-phoca-g ... t/511-tips
Ch3vr0n
Phoca Member
Phoca Member
Posts: 42
Joined: 25 Aug 2014, 20:42

Re: Category image without image inside categorie

Post by Ch3vr0n »

Here's the url

Code: Select all

http://theparanormalgathering.com/foto-gallerij.html
"The gathering" and "The Paranormal Gathering" show a folder

both categories have no image inside them but they do have subfolders (the actual galleries) with images in them. I would like to either:

A) use a random image each time to assign as an image from any of the subcategories which changes with every visit
B) use a fixed one wich is not visible under categories listing.


bit unrelated but if i was also wondering how i could strip the /category/id-[categoryname] from the URL to maximize SEF compatibility without having to do "hack" the router.php file which would need to be redone every update.
christine
Phoca Hero
Phoca Hero
Posts: 2938
Joined: 28 Nov 2010, 17:20

Re: Category image without image inside categorie

Post by christine »

Hi,
A) use a random image each time to assign as an image from any of the subcategories which changes with every visit
dan kun je het hier doen:

https://www.phoca.cz/documents/2-phoca-g ... e-joomla-3

Categories View > Categories View Settings > Categories Image Ordering > ..... If image will be displayed next to category name in Categories View, set which image will be selected (random, first, last, etc.)

Groetjes, Christine
Ch3vr0n
Phoca Member
Phoca Member
Posts: 42
Joined: 25 Aug 2014, 20:42

Re: Category image without image inside categorie

Post by Ch3vr0n »

mag in engels ze, doe ik ook altijd om gelijk te blijven met forum hoofd taal (cz is bij mijn weten zelfs chzechis of hoe je het ook schrijft)

zo kunnen anderen ook profiteren van de vraag en oplossing ;) dus:

Now that's perfect, only thing is the image is a bit small. Is there a way to increase it so there's not as much white space (and if possible change that white color alltogether)
christine
Phoca Hero
Phoca Hero
Posts: 2938
Joined: 28 Nov 2010, 17:20

Re: Category image without image inside categorie

Post by christine »

Mooi, dat het gekloppt heeft :twisted: Ja zeker, je hebt gelijk, het vernaamste schrijv ik toch in engels :|

You want to use still legacy display? About the increasing of images, just try under: Switch (Swap) Image Settings
(ben niet zeker, maar probeeren)

White color:
default.css/line 242:
.pg-cats-box {
background-attachment: scroll;
background-clip: border-box;
background-color: #fff;
background-image: none;
CSS changes I make always, e.g. template.css or custom.css concerning of Core-updates.

welterusten, Christine
Ch3vr0n
Phoca Member
Phoca Member
Posts: 42
Joined: 25 Aug 2014, 20:42

Re: Category image without image inside categorie

Post by Ch3vr0n »

legacy settings i don't know. If i don't, the category name is longer than the allotted category size.
christine
Phoca Hero
Phoca Hero
Posts: 2938
Joined: 28 Nov 2010, 17:20

Re: Category image without image inside categorie

Post by christine »

Ch3vr0n wrote:legacy settings i don't know. If i don't, the category name is longer than the allotted category size.
1 solution could be:
To put below code at the end of template.css:
.pg-cats-box-img img {
width:265px; }
But: The image will become over-pixelated!
The reason is, have a look here please: https://www.phoca.cz/documents/2-phoca-g ... e-joomla-3

In principle:
Set Medium Image Width (Be aware, change this parameter only before thumbnails creating, it means after installing Phoca Gallery before uploading and adding images into the categories)

Thumbnails > Images And Detail Window Size Settings. Your Medium Image is: 100x100px;

So, after changing of above parameters, you can try to "re-create" the thumbnails. Just an idea :idea:

Kind regards, Christine
Ch3vr0n
Phoca Member
Phoca Member
Posts: 42
Joined: 25 Aug 2014, 20:42

Re: Category image without image inside categorie

Post by Ch3vr0n »

i took another look at the categories view setting and i was using "legacy". Setting that to "none" just doesn't look right (see image 1)

Image

Maybe an additional option "large" needs to be added next to "medium" with a bigger pixel size or one that can be manually specified

Though as far as your pixellation issue you state. I'm guessing this could be overcome by regenerating the thumbnails.

Maybe mosaic wiould be an option, but the documentation is incomplete on that. It doesn't say WHAT it does, or how it looks. Only that "additional thumbnails need to be generated".

I'm trying out "with detailed info" and "description". The first looks better but the images in subcategories arent counted towards the "Number of images in category". See image 2.

Image

an even better option would be the layout of image 2 but with the possibility of a description. However if i set it to "categories, images and description (float)", equal percentage: yes, width 50%, columns 2. They appear BENEATH each other and not NEXT to each other like in image 2
christine
Phoca Hero
Phoca Hero
Posts: 2938
Joined: 28 Nov 2010, 17:20

Re: Category image without image inside categorie

Post by christine »

Hi,

See previous post:
In principle:

Set Medium Image Width (Be aware, change this parameter only before thumbnails creating, it means after installing Phoca Gallery before uploading and adding images into the categories)

Thumbnails > Images And Detail Window Size Settings. Your Medium Image is: 100x100px;
a) So, as you have already your thumbnails (100x100), you have to change/increase the size (see above).
b) Delete your existing thumbs: images/phocagallery/ …/thumbs via FTP.
c) When you have changed the size of your Medium Image, then create the thumbs again!
-----------------
If above, is not more wanted: Concerning your 2nd screenshot (legacy parameters):
However if i set it to "categories, images and description (float)", equal percentage: yes, width 50%, columns 2. They appear BENEATH each other and not NEXT to each other like in image 2
I tried some actions temporary - but no success. It seems to be a template problem. It's an Artisteer ....
Try it again with ca. 45% and with a standard template (Protostar) if the same outcome will be.

Kind regards, Christine
Post Reply