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.