Layout collapsed and cropped images

Phoca Gallery - image gallery extension
gnutello
Phoca Newbie
Phoca Newbie
Posts: 9
Joined: 09 Apr 2014, 13:34

Layout collapsed and cropped images

Post by gnutello » 02 Apr 2020, 16:52

Hi, I have a couple of issues with Phoca gallery.
1 - In DETAIL VIEW when I set in NO POPUP mode the layout collapse. The descriptions goes over every joomla moduls placed below the Phoca gallery box. This issue does't depend by the template because it appens with the Protostar default joomla template but also with others templates.
2 - In my gallery some vertical pictures are cropped. Eg. the third and the last pictures of my gallery that you can see at this test website: http://workroma.000webhostapp.com/

Plese could someone tell me how can solve these issues?

PhocaGallery 4.3.18 - joomla 3.9.16

Many thanks to helping me

User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 42557
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Layout collapsed and cropped images

Post by Jan » 02 Apr 2020, 20:49

Hi, do you use some plugin on the detail page? E.g. content plugin inside description, etc?

Testing now Protostor, see no problem there :idea:

Image

Jan
If you find Phoca extensions useful, please support the project

gnutello
Phoca Newbie
Phoca Newbie
Posts: 9
Joined: 09 Apr 2014, 13:34

Re: Layout collapsed and cropped images

Post by gnutello » 02 Apr 2020, 23:41

Jan, do you mean some codes inside descriptions? Yes, doing experiments to solve this issue I forgotten this code at the end of the descriptions: {loadposition bibliografiamenu}. I put that code because in that manner the module called by the script was displayed fine. But I think it is not the responsable of the issue, because the issue happened before I put that code and the issue is still there after I removed it (at the moment I removed the code only from the first two images).
Please try to write something long like my descriptions to test your detail view in Protostar or any other template.

P.s. Please, could you take a look also at the issue n. 2 (about the cropped vertical images)?

Thanks

User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 42557
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Layout collapsed and cropped images

Post by Jan » 03 Apr 2020, 13:30

Hi, confirmed, thank you for the info. I will fix it in next version.

1)
For now you can do a quick fix to solve it:

Open: media\com_phocagallery\css\custom\default.css

and on line cca 144 change

FROM:

Code: Select all

.pg-dv-desc {
	height: 16px;
	color: #333;
	font-size: small;
}
TO:

Code: Select all

.pg-dv-desc {
	color: #333;
	font-size: small;
}
2) Try to disable crop function and recreate thumbnails - everythime the parameters regarding thumbnail will change, the thumbnails needs to be regenerated to get new form based on changed parameters.

Jan
If you find Phoca extensions useful, please support the project

gnutello
Phoca Newbie
Phoca Newbie
Posts: 9
Joined: 09 Apr 2014, 13:34

Re: Layout collapsed and cropped images

Post by gnutello » 03 Apr 2020, 18:54

Jan

Issue n. 1: first I followed your instruction on the site in live production that you can see at this url: https://umbertoprencipe.it/catalogo-gen ... hivio.html , and your instructions have solved the issue for about 10 minutes. When I changed the options in responsive mode then the issue came back again.
Moreover, the situations is complicated by the fact that the same operations that I did on the test website solved the issue perfectly url]http://workroma.000webhostapp.com/[/url]
Have you any idea about what happened at the live production website?

Issue n. 2: It is solved now, it works fine.

User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 42557
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Layout collapsed and cropped images

Post by Jan » 03 Apr 2020, 19:17

Hi, hmmm, do you run some cache there?

Testing with google chrome developer tool, I see there:

Code: Select all

.pg-dv-desc {
    height: 16px;
    color: #333;
    font-size: small;
}
So the 16px height rule is still there :idea:

Seems like you run some custom css, so maybe it needs to be changed even here:
https://umbertoprencipe.it/media/com_ph ... efault.css

because the rule comes from this file.

Jan
If you find Phoca extensions useful, please support the project

gnutello
Phoca Newbie
Phoca Newbie
Posts: 9
Joined: 09 Apr 2014, 13:34

Re: Layout collapsed and cropped images

Post by gnutello » 03 Apr 2020, 19:49

Yesssssss, I have not trashed the original default.css file but only renamed leaving it into the same directory. Now I trashed it and the site finally works fine (I have also cleaned the Chrome cache).
I have a last question: setting the options in responsive mode I noticed that the thumbnails in the CATEGORY VIEW are no more centered, as you can see now at the website. Have you same workaround for that?

User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 42557
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Layout collapsed and cropped images

Post by Jan » 04 Apr 2020, 17:02

Hi, yes, when you center it, you need fixed width which is opposite to responsive setting. So it does not work in case the site should be responsive.

Jan
If you find Phoca extensions useful, please support the project

christine
Phoca Hero
Phoca Hero
Posts: 1938
Joined: 28 Nov 2010, 17:20

Re: Layout collapsed and cropped images

Post by christine » 05 Apr 2020, 13:18

Hi,

You could try a small workaround (to your template.css):
#phocagallery, .pg-category-view {
padding-left:10px !important;
}
But as Jan said, it's belongs to container width, be aware of Responsiveness.

In addition: You have an Inline segment of height: max-height: 140px; Belongs to the not fulfilled cv-name (2nd image box).
.pg-cv-box {
max-height: 160px !important;
}
Kind regards
Christine

gnutello
Phoca Newbie
Phoca Newbie
Posts: 9
Joined: 09 Apr 2014, 13:34

Re: Layout collapsed and cropped images

Post by gnutello » 06 Apr 2020, 19:32

Hi, first of all thank you for the attention.
Jan wrote:
04 Apr 2020, 17:02
Hi, yes, when you center it, you need fixed width which is opposite to responsive setting. So it does not work in case the site should be responsive.
Are we talking about the same thing? My goal is to have the thumbnails all centered into their own image box spaces. As it happened in the 4.1.1 Phoca Gallery old version.
Please, take a look at http://workroma.000webhostapp.com/image ... ntered.jpg

Thanks Christine, but, as you can see, I need to center the thumbnails into the image box. Probably my queston was not clear before.

Post Reply