Mosaic Template and responsive plugin for photos

Phoca Gallery - image gallery extension
borja
Phoca Enthusiast
Phoca Enthusiast
Posts: 69
Joined: 16 Apr 2011, 22:21

Mosaic Template and responsive plugin for photos

Post by borja »

Hello
I would like to show the photos in my gallery in this way:

https://www.phoca.cz/phocacartdemo/phoc ... os=option1


Secondly, I would like to show the detailo view properly in a mobile but i cannot find any one that works properly.
User avatar
Benno
Phoca Hero
Phoca Hero
Posts: 9094
Joined: 04 Dec 2008, 11:58
Location: Germany
Contact:

Re: Mosaic Template and responsive plugin for photos

Post by Benno »

Hi,
I would like to show the photos in my gallery in this way:

https://www.phoca.cz/phocacartdemo/phoc ... os=option1
It is the Phoca Photography Template

Secondly, I would like to show the detailo view properly in a mobile but i cannot find any one that works properly.
Magnific (Image only) is a resposiv detail view.

Kind regards,
Benno
borja
Phoca Enthusiast
Phoca Enthusiast
Posts: 69
Joined: 16 Apr 2011, 22:21

Re: Mosaic Template and responsive plugin for photos

Post by borja »

Thank you for your help although I installed the template but it wasn´t as I expected. The background of my whole page now is black, the photos has the same side and the don´t have differente size as here. I would like to have this effects as if it was a mosaic of my images.
User avatar
Benno
Phoca Hero
Phoca Hero
Posts: 9094
Joined: 04 Dec 2008, 11:58
Location: Germany
Contact:

Re: Mosaic Template and responsive plugin for photos

Post by Benno »

Hi,
I would like to have this effects as if it was a mosaic of my images.
Then you need to do some changes and you need to create all additional thumbnails. See this guide:
https://www.phoca.cz/documents/2-phoca- ... -demo-site

Kind regards,
Benno
christine
Phoca Hero
Phoca Hero
Posts: 2723
Joined: 28 Nov 2010, 17:20

Re: Mosaic Template and responsive plugin for photos

Post by christine »

Hi,
wanted to send you previous link. Benno did already :-)
The background of my whole page now is black
Usually it comes from:

Code: Select all

body {
    background: #000;
    color: #fff;
}
you could change it in custom.css

If you want to have another background-color (gallery only):

Code: Select all

#pg-msnr-container {
background:blue;	
}
Kind regards
Christine
borja
Phoca Enthusiast
Phoca Enthusiast
Posts: 69
Joined: 16 Apr 2011, 22:21

Re: Mosaic Template and responsive plugin for photos

Post by borja »

Benno

I sent you on Friday a private message.

Thank you


Borja
User avatar
Benno
Phoca Hero
Phoca Hero
Posts: 9094
Joined: 04 Dec 2008, 11:58
Location: Germany
Contact:

Re: Mosaic Template and responsive plugin for photos

Post by Benno »

Hi,
sorry, I have not received any private messages from you. :idea:

Kind regards,
Benno
User avatar
Benno
Phoca Hero
Phoca Hero
Posts: 9094
Joined: 04 Dec 2008, 11:58
Location: Germany
Contact:

Re: Mosaic Template and responsive plugin for photos

Post by Benno »

Hi,
ok, this morning I have reveived your PM. :)
You don't want to publish your URL, that's completely ok, because I can see the progress on your page in the URL of your PM.
You wrote that the installed Phoca Photography Template disorganizes your site.
In my view, this is not correct. So that each of your categories is displayed as in the demo of the template, you had to make some changes in the settings of the Component (as I wrote in my previous post):

1.) You have to find out what aspect ratio your original pictures have.
There are two aspect ratios that are most common today:
  • 4:3 (mainly used by digital compact cameras)
  • 3:2 (mainly used by digital SLR cameras)
Mobile phone cameras mostly use the HD format 16:9 (For this you would have to calculate the values yourself.)

2.) You have to change the size of the thumbnails depending on the result.
Backend --> Components --> Phoca Gallery --> Control Panel --> Options --> Thumbnails --> Thumbnail Generation Settings --> Images And Detail Window Size Settings -->
If the view should be like in the demo, the values ​​for 4:3 are:
Large Image Width: 640
Large Image Height: 481
Medium Image Width: 224
Medium Image Height: 168
Small Image Width: 112
Small Image Height: 84
Detail Window Width: 680
Detail window height: 560
Save & Close

for 3:2 the values are:
Large Image Width: 640
Large Image Height: 427
Medium Image Width: 224
Medium Image Height: 149
Small Image Width: 112
Small Image Height: 75
Detail Window Width: 680
Detail window height: 510
Save & Close

3.) Now you have to prevent the thumbnails from being cropped:
Backend --> Components --> Phoca Gallery --> Control Panel --> Options --> Thumbnails --> Thumbnail Generation Settings --> Crop Thumbnails = None
Save & Close

4.) Very important: All additional thumbnails must be created also:
Backend --> Components --> Phoca Gallery --> Control Panel --> Options --> Thumbnails --> Thumbnail Generation Settings -->
Enable Thumbnails Generation = Yes
Additional Thumbnails = All
Save & Close

5.) Now all thumbnails have to be recreated:
Backend --> Components --> Phoca Gallery --> Images --> Recreate Thumbnails (Button)
Now all thumbnails will be created by pagination (normally 20 images per page). So you have to click through all the pages.

6.) The Phoca Photography Template works best with category view. The most easy way therefore is to create a menu/submenu entry for each subcategory (List of Images (Category View)) and hide the back button and categories view:
Backend --> Components --> Phoca Gallery --> Control Panel --> Options --> Category View --> Category View Settings -->
Display Back Button = No
Display Categories Views Back Button = No
Save & Close

7.) If you have done all this changes, the display should be much more similar to the demo.

Kind regards,
Benno
borja
Phoca Enthusiast
Phoca Enthusiast
Posts: 69
Joined: 16 Apr 2011, 22:21

Re: Mosaic Template and responsive plugin for photos

Post by borja »

Hello

I´ve got different doubts:
1. y 2.) My photos came from different devices and cameras and even years(Thre are photos from 2005 till today). What can I do ? Each one can have a different aspect radio.
5.) I have thousands of photos. IS thare a way to improve to recreation? I choose 100 photos but that can take a lot of time.

I did the recreation of the photos in this album:(Benno, you have the url)

and now it is blank and what I read in the control page on the photo is: "Enlarge image".

In the almbum: (Benno, you have the URL)

all photos will have the same size and there is a margin between the photos. Look at this example: https://www.phoca.cz/phocacartdemo/phoca-gallery.

thank you for your help,
User avatar
KarEm
Phoca Professional
Phoca Professional
Posts: 154
Joined: 20 Dec 2015, 21:25

Re: Mosaic Template and responsive plugin for photos

Post by KarEm »

Hi,

May I assist from another point of view?
1. y 2.) My photos came from different devices and cameras
In my opinion this is a question of your individual workflow..
I got the impression that you upload your photos to Phoca Gallery without post-processing (e.g. Lightroom).
I guess the photos will be uploaded in the original jpg format and size.

This results in your problem regarding the format.

Photos in jpg format can also got a size of several MB. Uploading them to the server in this size is a waste of resources. Disc space is used unnecessarily and the photos have to be scaled down anyway to shown them on different devices (desktop, tablet, mobile).
This downscaling also costs resources and can be avoided to this extent.

The date of creation of the photos is irrelevant for the Phoca Gallery, unless it is used to pursue a desired but still unknown intention.

Regards
KarEm
Post Reply