Support community for TTG plugins and products.
NOTICE
The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.
This forum is now closed, and exists here as a read-only archive.
You are not logged in.
Hi, Daniel,
you're right! Thanks!
I have the setting for my „dia" in the individual albums (eg https://www.mc-photografie.de/galleries … apo-testa/)
I have to create my own page template for the panoramas.
Now the only question is, what's the problem that the panaromas don't use the whole space of .the__gallery, who prevents that again?
And beyond that, if I can limit the size of the 3rd photo, so that the grey bar is not visible on the right side, because the panorama is too small
Many greetings
Markus
Good morning,
I'm just desperately trying to get some panoramas on the test page Testsite Panorama
I can adjust the height via Presentation Height in the chapter Panorama.
But I don't manage to adjust the width yet. I guess I haven't found the corresponding setting yet.
Max-width for Presentation is 1140 px
A change under Image Renditions | Photos | Width has no effect.
BTW: What are the settings for thumbnails and photos for?
I am happy about tips
Best regards
Markus
<div class="„route-maps“">
Is this just a typo in the post? it should be:
<div class="route-maps">
Thank you for pointing that out. Every now and then my App iA Writer makes the additional quotes. I don't know why
I was thinking of something like this in your custom css file:
.route-maps .fancybox-content {
....your css...
}that would only affect fancybox content that's within a div with the class of "route-maps"
Ah, ok, I understand
I've found the solution. After these instructions https://codepen.io/fancyapps/pen/bxXJRronly this addition must be added
data-width="900" data-height="756"
<div class="„route-maps“">
<a href="/Photos/Sardinien/Mitte-Westen.jpg" data-fancybox="route-maps" data-width="900" data-height="756">
<img src="/Photos/Sardinien/Mitte-Westen.jpg" title="Capo Testa - Zum Vergrößern klicken" class="alignleft" style="border: 2px grey solid; padding: 5px; margin-top: 7px; margin-bottom: 20px;" width="450">
</a>
</div>
Obviously, this only affects the individual image
Yes, in your custom css, override the width setting. You should be able to target to only the route maps by starting with the .route-maps selector.
Since the width is applies with inline css you’ll probably also need to use !important
with the .route-maps selector it doesn't seem to work.
In fancybox mode, the .fancybox-content selector seems to be the most important one where I can change the size.
<div class="fancybox-slide fancybox-slide--image fancybox-slide--current fancybox-slide--complete" style=""><div class="fancybox-content" style="transform: translate(490px, 101px); width: 700px; height: 587px;"><img class="fancybox-image" src="/Photos/Sardinia/Middle-West.jpg"></div></div>
If I change width and height there, however, it will also have a direct effect on the other galleries. There I have a max-widht of 1600px, which can be changed with css.
Good Morning,
I've solved the map thing (https://www.mc-photografie.de/galleries … malediven/) by using this code
<div class="route-maps">
<a href="/Photos/Sardinien/Mitte-Westen.jpg" data-fancybox="route-maps">
<img src="/Photos/Sardinien/Mitte-Westen.jpg" title="Capo Testa - Zum Vergrößern klicken" class="alignleft" style="border: 2px grey solid; padding: 5px; margin-top: 7px; margin-bottom: 20px;" width="450">
</a>
</div>
But now I would like to enlarge the size of the map in the fancybox.
When I check with the Inspector I notice that the size is controlled by this point:
<div class="fancybox-content" style="transform: translate(490px, 125px); width: 700px; height: 587px;"><img class="fancybox-image" src="/Photos/Sardinia/Middle-West.jpg"></div>
But if I now change the size of fancybox-content to e.g. 900px - 755px, this change will affect all Fancybox galleries.
Can I do this somehow with my <div class="route-maps"> or data-fancybox="route-maps"?
Should be able to. Off the top of my head, something like this ought to just work:
<div class="custom-gallery"> <a href="image01.jpg" data-fancybox="custom-gallery"> <img src="thumbnail01.jpg" alt="Caption 01" /> </a> <a href="image02.jpg" data-fancybox="custom-gallery"> <img src="thumbnail02.jpg" alt="Caption 02" /> </a> </div>
This will not pick up on your album designs, though; it will just do the default Fancybox thing.
it works the way you suggested, thanks
It's because of your custom css (line 479). The position:relative; is causing the problem.
Try adding this to your custom css:
#popup .fancybox-button { position: absolute; }
this has worked before, great
Thanks Rod,
Ah, okay. I've already used that in the photo search. http://mc-photografie.de/backlight/search/
But I don't know exactly why the Close button with the X moved from top right to bottom left in my photo search.
I had also thought of Fancybox in this context. Can I use it - as with Magnific Popup - to create the Image Galleries on-the-fly?
Hi,
in this article http://backlight.theturninggate.net/?page=mfp Matt reported about the introduction of the Magnific Popup in Backlight. I also added this to the maps on my homepage under Pangolin 1.1.1. (e.g. here: http://der-canonier.de/galleries/03-lan … apo-testa/).
If I click on the map, it will open. The magnifying glass with the minus sign appears and the background is darkened, but still shines through. If I click again, the map is faded out normally.
The code looks like this:
<a class="mfp-image" href="/Photos/Sardinia/Capo-Testa.jpg"><img title="Capo Testa - click to enlarge" src="/Photos/Sardinia/Capo-Testa.jpg" class="alignleft" style="border: 2px grey solid; padding: 5px; margin-top: 7px; margin-bottom: 20px;" width="420"></a>
Now with Backlight 2 the code on http://mc-photografie.de/galleries/03-l … apo-testa/ is still the same. But the effect is different. The appearance of the card is different (without white border) and the background is no longer translucent.
I can also click as I like, I can only get out of the view with BACK button.
Is Magnific Popup no longer available in Backlight 2? I think that would be a pity. Or did I do something wrong?
How else can I achieve the effect?
I would be happy about help
Many greetings
Markus
I see the problem.You've not given your custom thumbnails album the correct slug. It should be custom-thumbnails, not custom_thumbnails. Use a hyphen, not an underscore.
(sorry I didn't notice it in your screen shot earlier)
Small error - big effect! Exactly that was the mistake.
No problem, I am glad that you found the error.
"If you can read, you have a clear advantage". I should try it sometimes with glasses Exactly that with the hyphen Matt wrote in his post
TTG Publisher 4.0 should work. It's working for me.
Are you using multiple top-level gallery folders?
No, I´m using only one top-level gallery
Could it be you're looking for custom thumnbails in a top-level gallery that doesn't yet have a custom thumbs album? Just guessing.
Hm, I don't understand exactly what you're saying. I have the same folder structure as Okapi.
On the screenshot you can see Okapi above and Backlight 2 below.
In the first post you can see in the first screenshot that I can choose from the folder Custom Thumbnails.
And with Backlight 2 I don't have a Custom Thumbnails folder to choose from.
Does it make sense to delete the galleries completely and upload them again?
Greetings
Markus
Are you using the current TTG Publisher plugin for Lightroom?
(Download from your Backlight Modules Page)
I guess so, yeah. It is shown to me in the add-on module manager version 4.0. I have reloaded the add-on module again. But nothing happens
Hello,
as explained here here by Matt I already managed my custom thumbnails with Okapi using a hidden album and selected them in the Lightroom Publisher.
That worked wonderfully. The custom thumbnails were displayed in Lightroom and I could select them from the Custom Thumbnails album:
Now with Backlight 2 it doesn't work anymore. I can only choose between "Random" and "Custom" (if no photos are available)
or the additional photos of the gallery (if photos were uploaded there)
I think my settings from the album "Custom Thumbnails" are correct.
Has anything changed since Pangolin? Does something else have to be adjusted?
Because on that occasion I noticed that the custom thumbnails of Pangolin (version 1.2.3) are not selectable either.
As Matt explains in point 3. I cannot select from the Custom Thumbnails album.
Where is my error?
Many greetings
Mark
Can you share a Backlight admin and provide FTP access via Email so that I can look into this?
Hi Ben,
The email is on its way
Tanks
Markus
Hi there,
ever, in my galleries it takes about 10 seconds to come from one picture to the next, quite exactly always the same, no big difference in speed.
Hello Markus,
I have noticed the same effect since updating to Backlight 2.0.5. I didn't notice that before.
What I noticed yesterday: Lightroom has also become incredibly slow, especially when I want to edit albums or album sets with the Publisher.
the single commands of Lightroom are always executed very time-shifted, so that I press a button twice in places, because I think that nothing has happened yet
It also takes an infinite amount of time for the photos to appear in the different folders in the Publisher. And it doesn't matter if it's 2 or 6 or 10 photos. So not really many photos.
Publishing new photos also takes a long time.
Many greetings
Markus
Hi, Matt,
no problem, additional features would just be nice to have
Hi,
how can I make the "Scroll-to-top-button" appear on a large monitor in the .page__pallet__bottom or correspond with it?
So this is about the place.
So the position should be fixed, but related to the .page__pallet__bottom - area.
If I change "right" in custom.css, the position moves logically when the monitor widths change.
Many greetings
Markus
Look into jQuery to move elements
I looked at one of your instructions http://ttg-tips-and-tricks.barbeephoto. … a-gallery/, but I think it's a little "too high" for me.
I'm hoping that Matt and Ben will add more configuration options in the Backlight Admin to an update. There are apparently still some of them
I would also like to place the arrows for the previous and next photo right above the photo.
Is this possible with CSS? Or PHPlugins? I suppose yes...Maybe with custom css. Probe the page with the Inspector and you'll see the button classes: fancybox-button and fancybox-button--arrow_left and fancybox-button--arrow_right.
You can try playing with the positioning properties and see what can be done.
If you do, be sure to check what happens at mobile sizes.
if I copy the two class areas of the fancybox navigation into the class area of the fancybox toolbar in the Inspector, then I get the navigation arrows displayed in the toolbar.
<div class="fancybox-toolbar"><button data-fancybox-play="" class="fancybox-button fancybox-button--play" title="Start Slideshow (P)"><svg viewBox="0 0 40 40"><path d="M13,12 L27,20 L13,27 Z"></path><path d="M15,10 v19 M23,10 v19"></path></svg></button><button data-fancybox-fullscreen="" class="fancybox-button fancybox-button--fullscreen" title="Full-Screen (F)"><svg viewBox="0 0 40 40"><path d="M9,12 h22 v16 h-22 v-16 v16 h22 v-16 Z"></path></svg></button><button data-fancybox-thumbs="" class="fancybox-button fancybox-button--thumbs" title="Thumbnails (G)"><svg viewBox="0 0 120 120"><path d="M30,30 h14 v14 h-14 Z M50,30 h14 v14 h-14 Z M70,30 h14 v14 h-14 Z M30,50 h14 v14 h-14 Z M50,50 h14 v14 h-14 Z M70,50 h14 v14 h-14 Z M30,70 h14 v14 h-14 Z M50,70 h14 v14 h-14 Z M70,70 h14 v14 h-14 Z"></path></svg></button><button data-fancybox-close="" class="fancybox-button fancybox-button--close" title="Schließen (Esc, X)"><svg viewBox="0 0 40 40"><path d="M10,10 L30,30 M30,10 L10,30"></path></svg></button><button data-fancybox-pallet="" class="fa_pseudo fancybox-button fancybox-button--pallet" title="Fotos / Teilen-Menü (I)">
</button><button data-fancybox-prev="" class="fancybox-button fancybox-button--arrow_left" title="Vorheriges (linke Pfeiltaste)"><svg viewBox="0 0 40 40"><path d="M10,20 L30,20 L10,20 L18,28 L10,20 L18,12 L10,20"></path></svg></button><button data-fancybox-next="" class="fancybox-button fancybox-button--arrow_right" title="Nächstes (rechte Pfeiltaste)"><svg viewBox="0 0 40 40"><path d="M30,20 L10,20 L30,20 L22,28 L30,20 L22,12 L30,20"></path></svg>
</button></div>
But how do I get this change permanently incorporated?
3. On my old homepage with Okapi I always got the number of pictures displayed.
Now with Backlight 2 this is no longer displayed. (see above)Is this due to the presentation type Slideshow?
That was with Photoswip in Okapi. Pangolin made the change to Fancybox
.
There may be a way to edit the fancybox script to get that to show, but then you'd have to construct an html location for it to sit, something else you may be able to do with jQuery.
Yeah, with this change in CSS I can show the counter:
.fancybox-pangolin-album .fancybox-infobar {
display: block;
}
The area was previously hidden
Hi Rod,
thanks for your explanation.
but the button itself is still there if you hover to the right of the existing buttons, you'll see the hand/link symbol pop up to tell you that there's a link there.
oh I see it and have deactivated the hiding again
I think these are hard-coded into the album html. You might be able to move them around with jQuery...
Since I don't know anything about it, I better not touch it
But I'm working on updating it.
At least you already have a test page.
You can try playing with the positioning properties and see what can be done.
If you do, be sure to check what happens at mobile sizes.
Thanks for your tip with the mobile size.
I had already found the corresponding elements. However, these arrows from class="fancybox-navigation" would have to go to class="fancybox-toolbar", if I see that correctly
I have to see how to do that.
Greetings, Markus
Hello from Germany,
I'm in the process of creating my album templates. I'm currently making the settings on the Fancybox.
I come across some things that I would like to change or that I can't find.
https://backlight.der-canonier.de/galle … #gallery-8
1. In Lightroom's Publisher, I checked "Enable Maps" and set visibility to "Public - visible to everyone".
But the symbol for Google Maps does not appear in the fancybox.
I didn't find anything in the admin of Backlight 2.
Why is the symbol not displayed?
2. I changed the symbols above the picture with these settings
.fancybox-pangolin-album .fancybox-toolbar {
/* Position Fancybox-Button */
text-align: center;
}
.fancybox-pangolin-album .fancybox-button--close {
/* Position X - Close-Button */
position: initial;
top: 0;
left: 0;
}
But how can you change the order of the symbols (I read that somewhere) or their position?
I would also like to place the arrows for the previous and next photo right above the photo.
Is this possible with CSS? Or PHPlugins? I suppose yes...
3. On my old homepage with Okapi I always got the number of pictures displayed.
http://der-canonier.de/galleries/03-lan … d=1&pid=29
Now with Backlight 2 this is no longer displayed. (see above)
Is this due to the presentation type Slideshow?
In Okapi it was Photoswipe.
On Rod´s page I also discovered the frame counter.
http://www.rodbarbee.com/galleries/2-ne … d=1&pid=35
Sorry for the many individual questions. But in the end they are all related to the Fancybox.
Many Greetings
Markus
Thanks a lot Rod, I'll have to have another look at this in peace.
Where can I choose the template for the search? Under Language I can determine the content. Unfortunately something is hidden