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 Again,
In addition to my footer question, see here: http://community.theturninggate.net/vie … hp?id=8741, I believe I only have one more major Pangolin migration issue to solve.
I have "Inquire About Prints" popups on my Album Thumbnail pages. It works as expected pre-Pangolin, see here: http://www.bretculp.com/gallery/120-col … /index.php, but the in Pangolin the popup no longer covers the entire page and the popup box is no longer centred on the visible page but over the entire lengths of the page, including what is off-screen. See here: http://www.bretculp.com/gallery/020-ire … o-gallery/
Note that it still seems to work properly in the mobile layout.
Any ideas?
Last edited by grover_c (2018-06-14 01:57:21)
Offline
Backlight provides built-in support for Magnific popup, which I would use instead. Please see http://backlight.theturninggate.net/?page=mfp. There is an example of using a form within the popup at http://dimsemenov.com/plugins/magnific-popup/
Daniel Leu | Photography
DanielLeu.com
My digital playground (eg, Backlight tips&tricks): lab.DanielLeu.com
Offline
That's very good to know, Daniel. I'll definitely use it moving forward.
I've remedied my popup position issue but can't figure out how to "darken" the entire window behind the popup. I'd love to solve this, if possible.
Offline
I've remedied my popup position issue but can't figure out how to "darken" the entire window behind the popup. I'd love to solve this, if possible.
This is due to the location where you added the BCP_popper divs.
Daniel Leu | Photography
DanielLeu.com
My digital playground (eg, Backlight tips&tricks): lab.DanielLeu.com
Offline
I added my code in the Lightroom Galleries>Page Content>Page Copy (md) so I can customize the titles, etc. based on the gallery. Is there a more appropriate place to put it?
Offline
I added my code in the Lightroom Galleries>Page Content>Page Copy (md) so I can customize the titles, etc. based on the gallery. Is there a more appropriate place to put it?
Maybe with phplugins you can put it into a place where the entire page will be covered, but I'm not certain if the necessary hook exist. Or you can add some javascript to the div_hide()/div_show() functions that control the opacity of the entire page.
But again, I do recommend to use Magnific Popup than custom code.
Daniel Leu | Photography
DanielLeu.com
My digital playground (eg, Backlight tips&tricks): lab.DanielLeu.com
Offline
see this about pangolin pop-ups, including changing the page overlay:
http://ttg-tips-and-tricks.barbeephoto. … pup-boxes/
just use the included Fancybox pop up code that Daniel referenced. No need to add your own pop-up code.
If you use what comes with Backlight, the entire page behind the popup will be darkened.
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
I've tried the code that Daniel pointed to here: http://backlight.theturninggate.net/?page=mfp It works with my pre-Pangolin template but not Pangolin.
See Pangolin test here: http://www.bretculp.com/test1
See pre-Pangolin here: http://www.bretculp.com/test2
What am I doing wrong?
Last edited by grover_c (2018-06-14 06:14:36)
Offline
There was a change for Pangolin... has been a long time... Please see Rod's post for how to use it: http://ttg-tips-and-tricks.barbeephoto. … pup-boxes/
Daniel Leu | Photography
DanielLeu.com
My digital playground (eg, Backlight tips&tricks): lab.DanielLeu.com
Offline
I tried Rod's version too. It works but I love the default styling of the page you first sent me to because it's really close to my look. Is there a way to use the default styling with the Rod code?
Again, the difference is seen here: http://www.bretculp.com/test1 vs here http://www.bretculp.com/test2, which is what I'm hoping for. It would be a drag to restyle the new popup to look like the old when the old one is what I want. Make sense?
Last edited by grover_c (2018-06-14 06:50:09)
Offline
I tried Rod's version too. It works but I love the default styling of the page you first sent me to because it's really close to my look. Is there a way to use the default styling with the Rod code?
Again, the difference is seen here: http://www.bretculp.com/test1 vs here http://www.bretculp.com/test2, which is what I'm hoping for. It would be a drag to restyle the new popup to look like the old when the old one is what I want. Make sense?
Look again at Rod's page and he shows how to style it.
Daniel Leu | Photography
DanielLeu.com
My digital playground (eg, Backlight tips&tricks): lab.DanielLeu.com
Offline
Yes, I did see that.
So it seems that I have to do complete fresh styling to make it look like the template default from the pre-Pangolin version, which is very close to my look of: http://www.bretculp.com/test2. Is that correct? The previous version used template defaults and Pangolin does not? Is there a reason for that? I'm just trying to understand why the difference.
Last edited by grover_c (2018-06-14 07:09:50)
Offline
FWIW, I even like the way the previous version scaled up, as a default style.
Last edited by grover_c (2018-06-14 07:09:32)
Offline
you might try probing the css of the old Magnific pop-up from the Okapi days. Class selectors will be different, but you can probably apply the properties to the newer Fancybox selectors.
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Thanks, Guys. I've got everything styled and working except the zoom. www.bretculp.com/test1
Rod, what are the Pangolin class selectors I should add the animation css to in Pangolin?
Last edited by grover_c (2018-06-15 08:12:57)
Offline
Are you referring to the Fancybox pop-up in Pangolin? If so, just use the browser's Inspector. There are several selectors that apply to different parts of the pop-up.
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline