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
How to achieve this layout in Phoca Gallery?
- dmlwebal
- Phoca Professional

- Posts: 238
- Joined: 18 Sep 2019, 12:49
How to achieve this layout in Phoca Gallery?
Last edited by dmlwebal on 21 Jan 2021, 17:50, edited 1 time in total.
- Jan
- Phoca Hero

- Posts: 49138
- Joined: 10 Nov 2007, 18:23
- Location: Czech Republic
- Contact:
Re: How to achieve this layout in Phoca Gallery?
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
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
If you find Phoca extensions useful, please support the project
- dmlwebal
- Phoca Professional

- Posts: 238
- Joined: 18 Sep 2019, 12:49
Re: How to achieve this layout in Phoca Gallery?
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!
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!
- Jan
- Phoca Hero

- Posts: 49138
- Joined: 10 Nov 2007, 18:23
- Location: Czech Republic
- Contact:
Re: How to achieve this layout in Phoca Gallery?
Ok, great to hear it.
If you find Phoca extensions useful, please support the project