Community @ The Turning Gate

Support community for TTG plugins and products.

You are not logged in.

#1 2018-06-14 01:51:02

grover_c
Member
Registered: 2016-12-10
Posts: 102

Last Pangolin migration issue (I think ;)

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

#2 2018-06-14 02:20:21

Daniel Leu
Moderator
Registered: 2012-10-11
Posts: 920
Website

Re: Last Pangolin migration issue (I think ;)

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

Offline

#3 2018-06-14 03:38:53

grover_c
Member
Registered: 2016-12-10
Posts: 102

Re: Last Pangolin migration issue (I think ;)

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

#4 2018-06-14 03:52:11

Daniel Leu
Moderator
Registered: 2012-10-11
Posts: 920
Website

Re: Last Pangolin migration issue (I think ;)

grover_c wrote:

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

Offline

#5 2018-06-14 04:02:19

grover_c
Member
Registered: 2016-12-10
Posts: 102

Re: Last Pangolin migration issue (I think ;)

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

#6 2018-06-14 04:13:36

Daniel Leu
Moderator
Registered: 2012-10-11
Posts: 920
Website

Re: Last Pangolin migration issue (I think ;)

grover_c wrote:

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

Offline

#7 2018-06-14 04:15:37

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 14,471
Website

Re: Last Pangolin migration issue (I think ;)

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, Pangolin test site, Backlight 1.1.1 test site

Offline

#8 2018-06-14 06:12:15

grover_c
Member
Registered: 2016-12-10
Posts: 102

Re: Last Pangolin migration issue (I think ;)

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

#9 2018-06-14 06:28:19

Daniel Leu
Moderator
Registered: 2012-10-11
Posts: 920
Website

Re: Last Pangolin migration issue (I think ;)

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

Offline

#10 2018-06-14 06:29:53

grover_c
Member
Registered: 2016-12-10
Posts: 102

Re: Last Pangolin migration issue (I think ;)

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

#11 2018-06-14 06:58:18

Daniel Leu
Moderator
Registered: 2012-10-11
Posts: 920
Website

Re: Last Pangolin migration issue (I think ;)

grover_c wrote:

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

Offline

#12 2018-06-14 07:05:57

grover_c
Member
Registered: 2016-12-10
Posts: 102

Re: Last Pangolin migration issue (I think ;)

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

#13 2018-06-14 07:09:04

grover_c
Member
Registered: 2016-12-10
Posts: 102

Re: Last Pangolin migration issue (I think ;)

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

#14 2018-06-14 08:52:04

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 14,471
Website

Re: Last Pangolin migration issue (I think ;)

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, Pangolin test site, Backlight 1.1.1 test site

Offline

#15 2018-06-15 08:12:11

grover_c
Member
Registered: 2016-12-10
Posts: 102

Re: Last Pangolin migration issue (I think ;)

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

#16 2018-06-15 10:07:17

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 14,471
Website

Re: Last Pangolin migration issue (I think ;)

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, Pangolin test site, Backlight 1.1.1 test site

Offline

Board footer

Powered by FluxBB