Gallery images - landscape vs portrait orientation: PHPFusion 9 Support

Home
Search

Oh no! Where's the JavaScript?
Your Web browser does not have JavaScript enabled or does not support JavaScript. Please enable JavaScript on your Web browser to properly view this Web site, or upgrade to a Web browser that does support JavaScript.

I am creating a large image gallery of a collectible item. Hundreds of images. The images are portrait orientation, however the default setting is landscape.

In the Gallery Settings -> Photo Settings -> Thumbnail size I changed the width:height settings but to no avail - the thumbnails are still in landscape.

Is it possible to change them, and how?

Note too that changing the Photo Size and Photo Max Size settings do not have any effect either, since clicking on the thumbnail loads the full sized image always (although it IS in portrait orientation).

Thanks in advance.

0 replies

Copy the template into your theme and you can customize it as needed. https://github.com/PHPFusion/PHPFusio...ry.tpl.php

0 replies

Thanks RobiNN. I do not understand though. I copied that file into the /infusions/gallery/templates folder (first renaming the existing file already there). Nothing happened. Before that I also tried putting it into the themes/Magazine and themes/templates folders, I guess that was incorrect.

By "customize it" did you mean changing the code in that gallery.tpl.php file? I had a good look at the code too and couldn't spot there what could be changed.

0 replies

Ah ok.

Copy gallery.tpl.php into you theme folder. E.g. Magazine/gallery.tpl.php
Then open theme.php and add to the bottom of file require_once 'gallery.tpl.php';

This is how you can safely customize any system template in v9 without touching core.

The next part can be more difficult for beginners, so first I have to ask if you know PHP/HTML/CSS?

1 reply

Ah sorry for the confusion. I found that it can be easily edited in css.

Ignore previous.

Just add this to your styles.css in theme folder and delete styles.min.css

Code Download source

.panel-default>.panel-image-wrapper {
 height: 300px !important;
 max-height: 300px !important;
}

0 replies

Ok, it works, thank you. That was a bit of an adventure though! I tweaked it down to a height of 245 pixels to minimize the gap at the bottom of the frame/outline.

One question: would the other method using PHP/HTML/CSS have been a better way to do it?

1 reply

No, I was looking at the wrong part of the code. This simple css solution will be better for you.

0 replies

Falk

answered 8 Mar 2021 at 09:42 AM

Super Admin

No worries.

See Darkcore Theme, https://www.php-fusion.co.uk/infusion...ost_208815
A updated one will be uploaded to MP Soon. It has a custom Gallery template where you can adjust these things by html.
themes/Darkcore/templates/gallery.php , if you want another Theme just take this template and include it from your theme.php at the very end of the file insert, ( Copy the file to your theme first ).

Code Download source

require_once THEME.'templates/gallery.php';

You can adjust , add_to_css(""); in the file.
And under function render_photoAlbum(array $info = [])
Adjust sizes etc etc , for example :

Code Download source

echo "<div class='overflow-hide album_thumbnail' style='height: 300px'>\n";

Edited by Falk on 08-03-2021 10:43, 3 y

0 replies

Excellent. Thank you @Falk. I will tinker with it now.

0 replies

Category Forum

Modifications and Requests - 9

Labels

9.03

Statistics

Views 0 views
Posts 8 posts
Votes 0 votes
Topic users 4 members

4 participants

Notifications

Track thread

You are not receiving notifications from this thread.

Gallery images - landscape vs portrait orientation

8 posts

PHPFusion

Resources

Community

Development