Pictures not shown in article

[surfer]

Hello,
on my joomla 4 page (still under construction and not online) I wanted to use phoca Gallery to show pictures inside an article.
But instead of the pictures, just grey boxes are displayed.
I inserted this code in the article
{phocaphoto view=category|id=01}
as the the images belong to category id1.
The plugin "plg_content_phocaphoto_v4.0.0" is published.
I can show the images via menu, so the the images and categories are correct.

Thanks in advance
Nicolas

[Jan]

Hi, is Phoca Photo component installed on your system?

Jan

[surfer]

Hello Jan,
Phoca Photo and Phoca Phoca Gallery Component and the Phoca Photo Plugin are installed.
Thanks in advance.

p.s. If you need, I could send you the admin details via p.m.

Nicolas

[Jan]

Is this the code you are using:

{phocaphoto view=category|id=01}

as there should be:
{phocaphoto view=category|id=1}

Jan

[surfer]

Hello,
I just tested your code (used the same before, too) but the result is the same, only grey boxes where the images should be.

Thanks for your time!

Regards
Nicolas

[Jan]

Can I see the site where it occurs?

[surfer]

it's
http://nicolasfetting.com/index.php/die ... aficionado
Where the text is, on the right column, the pictures should show but there are just grey boxes.
if you need, I send you the admin details.

Thanks in advance
Nicolas

[christine]

Hi Nicolas,
Thank you for the Link.

@Jan: FYI:
I see:

Code: Select all

.ph-photo-plugin-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
}

Commenting out display: flex; then you can see the images.
Maybe possible with display: grid, (or other syntax) but the thumbs are then vertical.

Also to check: .ph-photo-plugin-box

Kind regards
Christine

[surfer]

Thank you Christine!!!!!!
I'm using grid now and that looks fine! Table is also working.

Thank you and regards
Nicolas

[christine]

Hallo Nicolas,

sehe, dass wir ja deutsch schreiben können.

Ja, jetzt sind die Bilder da. Schrieb aber auch, dass diese dann vertikal sein werden.
Ist halt so, dass es div.project-description (column) und .project-info > .project-details (daneben) gibt, welches ein float: left; hat und dann eben photoswip container.

Du könntest auch probieren: statt display: grid;
display: inline-flex;
width: 120%; /*thumbs größer*/
Dann sind diese natürlich unterhalb. Wie Du möchtest.

Liebe Grüße
Christine