Page 1 of 1

How to achieve this layout in Phoca Gallery?

Posted: 21 Jan 2021, 17:38
by dmlwebal
Hi

Is there a built in combination of the options in Phoca Gallery that would get close to this layout:

http://demo.joomlead.com/particles/inde ... es/gallery

scroll to #Delay Element Animations

Also, the same behaviour on open - (full port modal with captions and slider nav)

I'm ok with Phcoa Cart but I get lost with Phoca Gallery!

Regards
David

Re: How to achieve this layout in Phoca Gallery?

Posted: 21 Jan 2021, 17:45
by Jan
Hi,
for now I don't know any such theme for Phoca Gallery

But I think, this is just a question of customization, this means:

- displaying images with help of Phoca Gallery or Phoca Photo (Bootstrap output)
- hiding the description with CSS
- enabling it on hover (e.g. with Javascript) (EDIT: seems this can even be done per CSS)
- positioning title and description over image with help of CSS

As popup methods which can be similar to your example can be used Photoswipe - like here:

https://www.phoca.cz/phocacartdemo/phoca-gallery

In fact the gallery displayed on example page just display large images (so you can enlarge thumbnails in Phoca Gallery Options) and moves the title and description over the images on hover effect (per custom CSS).

Jan

Re: How to achieve this layout in Phoca Gallery?

Posted: 21 Jan 2021, 17:54
by dmlwebal
Wow, that was a fast reply!

Ok, thank you Jan. In fact your Photoswipe example is ideal. I shall try to find the combination you have used here.

Regards
David

UPDATE: Photoswipe applied and all SOLVED - great!

Re: How to achieve this layout in Phoca Gallery?

Posted: 23 Jan 2021, 00:32
by Jan
Ok, great to hear it.