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,
ok, thanx for the suggestion. I am a bit busy right now, but will try to check that out tomorrow.
Cheers
I assumed that you want to integrate the index.html inside the backlight framework so your site has a consistent look&feel. You can simply add a link to the index.html and have index.html standalone.
Yes, I would like to integrate that into the framework.
You can simply add a link to the index.html and have index.html standalone.
I don't get what you mean by that?
Right now I have a menu for the 360 panos with a submenu, that lists all the panos and each one is linked to the specific pano and the option to open in a new tab is chekcked. Works fine, but the visitor basically is leaving the page then.
Or if you can share the link to this index.html file, we might see another solution.
Here is the link to one pano:
Basically the function I would need is for a page or template to load an "index.html" file.
I think that the Pym Embedded iFrame feature is what you are looking for: http://backlight.theturninggate.net/doc … tation_pym
OMG, ok, thanxs, I will look into it, but from just reading over it, it sound really involved. I might stick to my work around that I am using now after all. Also, I don't have the theatre add on.
What strikes me funny though is, that it seems so hard to call up a simple index.html file on a backlight page or template.
No, that wouldn't do it, since my panos come with their own player. It is like a VR image, where you can not only pan 360 degrees horizontally but also vertically. Like being in a Sphere with the image projected on it.
Basically the function I would need is for a page or template to load an "index.html" file.
Hi,
I've been out of practice with Backlight2 for a few month and boy, do I forget fast how things work.
I have some 360 Panos that I want to integrate into the site. The Webplayer and data are always in a folder and I don't see how I can integrate that into my site using any of the templates?
My work around on my test page right now is to have an extra menu for the panos and use the link option for the menu with the option to open that in a new tab.
It would be nice though to have the pano display inline on the page first. Since the webplayer has the option to go full screen anyway.
Do I miss something or would that not be possible?
Thanx for feedback!
Is there a CSS code to also make them disappear in mobile view after a few seconds? That would be nice, since they cover up way too much of the images.
Hi Mad,
thanks for the effort and explanation! I still don't quite get the code part for the children. All my galleries have names with different character lengths, so your method wouldn't work with it, would it?
This is working on my website [fully tested] and it works with search results as well. I put this in my scripts function plugin but you can use it the way you code it.
Well, I don't code at all, I am happy if I get some css working;-)
Copying your exact function in my php-plugins created an error. So I added:
"function scripts() {"
//then your part
echo '
<style type="text/css">
.selected
{
background-color: red !important;
color: yellow !important;
}
</style>
<script>
$(function()
{
var pname = window.location.pathname; // Get the Pathname
if (pname.indexOf("galleries/") == 1) // if Top-level Gallery
{
var pname = pname.substr(10, 11); // Strip off the actual Page
} // Otherwise it is a normal Page (meaning non-gallery)
// populate the menu and children
$("ul.menu a[href=\'" + pname + "\']")
.parentsUntil(".menu", "li")
.addClass("selected").parents("li").children("a").addClass("selected");
});
</script>
';
and added a
"}"
Like this it works on the menus and children, if those pages are regular pages. In Galleries it doesn't work for children on my site. Also the background color is red, but the text color is not yellow.
Thanx for sharing this though!
I think that the menu select feature should be an integrated part of BL2.
Youtube tutorials wouldn't be bad! Seeing someone do it is sometimes more comprehensive then reading up on it. All the different settings for the templates could be explained in more detail and a good youtube channel would certainly be a good marketing tool also.
BTW: When I click on the SHOP link here in the forum, I get to a page that advertises Backlight 1.01 Upgrade, date stamp 2016.
Missing closing tag maybe?
</img>
Maybe Matthew has an idea how the shadow on the bottom could also work in Galleria on smaller devices?
That works very well for resizing and on small displays! I have changed it a bit for my needs (although the frame with the white padding around the image is also nice):
I added width and left to give more horizontal space. That also moves the arrows almost out of the images on my iPhone.
.fancybox-image {box-shadow: 10px 10px 22px rgba(0,0,0,0.3) !important;}
.fancybox-slide img {
height: 94%;
top: 3%;
width: 86%;
left: 7%;
}
Hmm, 640px seems small considering all the retina displays on mobiles and computers nowadays.
I will try the fancybox-slide css, sounds good!
I remember playing with a box-shadow for galleria images. The problem I had (and still have) is that the shadow gets cut off at the bottom of vertical images. Have you found a way around that?
Yes, I have encountered that shadow cutoff at the bottom too, on small browser windows and mobile devices. On my iMac 27 (non retina) with max image size at 960px, it is not cut off.
Maybe it is possible to set some margins inside the image box that allow for more space and thus show the shadow on the bottom?
The "negative space" leaves enough space at the bottom, when decreasing window size, but the shadow does not render on top of that negative space. So I doubt it would render on top of an inner margin.
I haven't implemented the shadows on my site because of that, even though it does look very nice when Galleria is expanded to full screen size. Also, I noticed, that the "Expanded" version of Galleria does not render at all in older browser versions of Safari. I have on iPad min 1st Gen. and it only shows a blank page, when expanded is set. In inline mode, it does show the page.
I have applied the very same shadow to the fancybox as well and here, I do not have shadow cutoffs at the bottom.
.fancybox-image {box-shadow: 10px 10px 22px rgba(0,0,0,0.3) !important;}
BTW: In Galleria,when setting
Photo presentation --> slideshow controls-->Shadows button to ON
it gives the control text elements a shadow! In Safari that is hardly noticeable, but opening the page in Firefox, with my custom css
.galleria-container img {box-shadow: 10px 10px 22px rgba(0,0,0,0.5) !important;}
Firefox also seems to apply that setting to the control elements, because they are merely a smudge of grey. If I turn the Shadow Button to off, the control elements in Firefox are fine and are crisp again in Safari. The shadow settings are then only applied to the image itself!
I really think that a lot of people would appreciate it, when some of the not so obvious buttons in BL2 would get a short description of what they actually do! That Shadows on in Galleria adds an almost not visible shadow to the controls is certainly not at all what I would think this button would do when activated.
Just a thought for BL 2.5 maybe;-)
Well, the drawback seems to be that the shadows are fixed in size and on my iPhone 5s they are way too big for the image size displayed. I guess I have to check that on my daughters iPhone 7 to see how it looks there with higher pixel density.
The galleria-container selector works only, if the Target is defined as "inline". When it is set to expanded, obviously a shadow can't be seen.
In inline mode, the whole box gets a shadow, which is not what I wanted.
I used the img selector to apply the shadow only to the images itself and that works fine, if anybody is interested:
.galleria-container img {box-shadow: 10px 10px 22px rgba(0,0,0,0.5) !important;}
The "Negative space" is set to 24px in expanded mode to get some space around the image. Without that, shadows make no sense, I guess.
In full screen mode it makes it look like a museum gallery once the controls faded out.
Thanks for the input Rod!
I will play around with the galleria-container.
Some more questions concerning the Galleria:
I have a white template and a dark mode template. Depending on my image sets, I use either one.
Since I like clean and simple presentations, I have set my Galleria template to:
Negative Space: 24px (I dislike it, when the images stick to the masthead and the footer, they need some space)
Target: Expanded (Looks great)
Controls: Inside (it is nice when they fade out, very clean look)
Now, on a larger computer screen that looks and works great. But when I check it on my iPhone, the controls overlap the images and since it is a touch device, they don't fade out. It just does not look nice, when the counter is overlapping on the left and the other controls on the right.
In this case, the controls "outside" option works much better.
Is there any way to have the controls outside on a small screen?
Also: When I use the feature "Force Use of Client Height", I don't see a difference on my iPhone, but it messes up the layout on a large screen, since the images will not displays centered anymore. They are moved down a bit, not nice.
One more thing: Turning on the "Shadows On" button doesn't give me any shadows. Not in Galleria and also not in the Pangoline Albums. Am I missing something? and shouldn't there be sliders for blurry and set off, when turning shadows on? Or does that have to be done via custom css again?
Thanx.
Wow, thanks. I will bookmark this and get back as soon as I am ready for this.
Hi,
I haven't set up a shop yet, but I am planing on doing that soon and it would interest me how you did that with the discounts!
Thanx
Hi,
is there a way to have the bread crumbs displayed in the same space where the "Play, pause, expand" buttons are shown, when using the EXPANDED option:
"
Target
The "Expanded" option fills the main column, overrides the desktop aspect ratio, and hides the breadcrumbs and page copy.
"
I just came across testing what expanded will do and it looks so much nicer and cleaner, that I want to use it. But since I have a lot of galleries listed in a submenu, that bring you directly to the galleria view (I have display thumbs disabled), visitors will have a hard time to know what gallery they are looking at or already have looked at, if they can't see which one they are in at the moment.
I would have used page copy, but that is also overridden, when using the expanded option.
Any insight is appreciated;-)
Ben wrote:We still endeavour to have CE4 work on the latest version of PHP. What errors are you seeing?
Basically the galleries fail to display. Using PHP 7.0 and 7.2 the "About" and "Contact" pages were blank. I tried PHP 7.3 and there was quite a lot of script returned as errors. I'm no programmer so it meant nothing to me. I thought the best option was to step back to PHP 5.6 and all was well again.
Sounds very familiar. My CE4 site also didn't work with php 7.x any more. Are you by any chance using 1und1 as a host? And they charge you almost 10 € per month for php 5.6 legacy support?
I upgraded to Backlight2 from CE4 and had my new test site done within a few hours! It is so much easier to use than the LR CE4 Pages and you can be completely independent of LR!
You can't do anything wrong upgrading. My2Cents.
Ok, thanks a lot for the information Rod! I will definitely try that out!
I like the feature that images dissolve and one can set the parameters for that.
But I don't understand, why on a mobile device that feature is replaced by images just swiping in from the right?
What is the reason for that? Why can't images also dissolve on mobile?