Thumbnails for gallery index not identical...

pideja · 2015-10-02 01:07:07

The problem : I have two identical CE4 Pages for an English and a French version of the same site. I built both, at the same time, using Lightroom 4. All parameters are the same, or so I think, except for the text.
When I get to the French gallery (Oeuvres) the thumbnails are how I designed them. The settings are, in the Auto-Index section, for ICONIC thumbnails at an aspect ratio of 2/3, 4 collums, height 45px and spacing 8px. The English side has identical setting. And yet, the thumbnails are quite different. They look less tall. And the order is different.

I've looked around in Lightroom, trying to spot discrepancies to no avail.
And I don't want to redo everything.
Is there a php file or something that contains the parameters and that I could edit?

Or would it be better to control these with CSS?

rod barbee · 2015-10-02 01:15:20

It's hard to tell anything without seeing it.
It could be due to a number of things. Can you post links?

pideja · 2015-10-02 01:32:00

lucnadeau.ca

Sorry about that.

rod barbee · 2015-10-02 04:16:08

the album order is based on the slug of the album; they're listed alphabetically. And each of those Galleries pages are displaying them alphabetically. The slugs for the albums differ between the French and English version.

Still looking at the css to see why the aspect ratios are different. You could try exporting the English version again and uploading the galleries.php file and the lib/css/ folder.

rod barbee · 2015-10-02 04:19:49

For the English version, it looks like the aspect ratio is set to 3:1

pideja · 2015-10-02 04:44:17

Do you see this by looking at the source code? In what file is this aspect ratio set?

pideja · 2015-10-02 05:37:02

As a matter of fact here are the screen shots from Lightroom...

[img]pideja.ca/img/fr.png[/img] and [img]pideja.ca/img/en.png[/img]

rod barbee · 2015-10-02 05:42:14

Do you see this by looking at the source code? In what file is this aspect ratio set?

No. I used the browser's inspector and it gave the dimension. I just did the math.

you need to include the full url for your screen shot images to show up

rod barbee · 2015-10-02 05:44:11

did you try re-exporting and uploading Pages for the English site?

rod barbee · 2015-10-02 05:52:28

What's strange is that your screen shots show the aspect ratio of 2:3 (giving a portrait orientation), yet in your French Galleries page, the aspect ratio is 3:2 (giving a landscape orientation) and in your English Galleries page it's 3:1

pideja · 2015-10-02 06:12:53

I take it you've seen the screenshots. Just in case here is the full url:
http://pideja.ca/img/fr.png and http://pideja.ca/img/en.png

It's precisely that strange behaviour that puzzles me.

I tried to copy the french template and copy it into the english one, correcting all the text (tedious) but I must have missed something because the page did not show up correctly. I'll try again tomorrow morning, Montreal time.

rod barbee · 2015-10-02 06:20:22

I think you need to reverse those aspect ratio numbers. Put the 3 on top and the 2 on the bottom for both Pages setups. Then export and upload both the galleries.php files and the lib/ folders.

pideja · 2015-10-02 23:59:03

Thanks for the information, Rod.
Saved a lot of time.
I changed the thumbnail sizes on the jpeg images and the aspect ratio in Lightroom.
I exported the modified french page, replaced the galery.php and lib folder.
Then I uploaded the same gallery.php (editing the text so it's in English) with the corresponding lib folder and...TADAAA!

Once again, Rod saves the day.

rod barbee · 2015-10-03 00:02:01

pideja wrote:

Once again, Rod saves the day.

I should put that on a mug!

rod barbee · 2015-10-03 00:17:24

Oh, and I finally found the css that controls the aspect ratio! So yay!

pideja · 2015-10-03 00:57:50

Where is this CSS, pray tell?

rod barbee · 2015-10-03 01:08:35

.album-core {
    height: 0;
    margin: 0 auto;
    padding: 0 0 50%;
    position: relative;
}

it's the padding setting that does it. That sets the bottom padding.
50% is a 2:1 ratio
33% is a 3:1 ratio

in /lib/css/style-component.css line 760

pideja · 2015-10-03 01:09:55

Merci beaucoup!

rod barbee · 2015-10-03 01:14:49

Apparently, that padding is what gets set when you set the aspect ratio in Lightroom

Community @ The Turning Gate

#1 2015-10-02 01:07:07

Thumbnails for gallery index not identical...

#2 2015-10-02 01:15:20

Re: Thumbnails for gallery index not identical...

#3 2015-10-02 01:32:00

Re: Thumbnails for gallery index not identical...

#4 2015-10-02 04:16:08

Re: Thumbnails for gallery index not identical...

#5 2015-10-02 04:19:49

Re: Thumbnails for gallery index not identical...

#6 2015-10-02 04:44:17

Re: Thumbnails for gallery index not identical...

#7 2015-10-02 05:37:02

Re: Thumbnails for gallery index not identical...

#8 2015-10-02 05:42:14

Re: Thumbnails for gallery index not identical...

#9 2015-10-02 05:44:11

Re: Thumbnails for gallery index not identical...

#10 2015-10-02 05:52:28

Re: Thumbnails for gallery index not identical...

#11 2015-10-02 06:12:53

Re: Thumbnails for gallery index not identical...

#12 2015-10-02 06:20:22

Re: Thumbnails for gallery index not identical...

#13 2015-10-02 23:59:03

Re: Thumbnails for gallery index not identical...

#14 2015-10-03 00:02:01

Re: Thumbnails for gallery index not identical...

#15 2015-10-03 00:17:24

Re: Thumbnails for gallery index not identical...

#16 2015-10-03 00:57:50

Re: Thumbnails for gallery index not identical...

#17 2015-10-03 01:08:35

Re: Thumbnails for gallery index not identical...

#18 2015-10-03 01:09:55

Re: Thumbnails for gallery index not identical...

#19 2015-10-03 01:14:49

Re: Thumbnails for gallery index not identical...

Board footer