Lightbox Ultimate – Popup custom or inline content

[cicak]

I have a sidebar login widget running (called Sidebar login) that has a “Register” and “Lost your password” link at the bottom. I believe this widget simply takes what use to be a separate page in wordpress and allows it to exist in your sidebar. Currently when I click on either link I am taken to an entirely new page in which my newly developed theme is displayed and registration form/lost password fields are placed over it. I would really like these fields presented on the main page in a lightbox instead of on a separate page. I would like to use my Ultimate Lightbox Plugin but I’m not sure where to start looking in order to style these links (register/lost password) or apply any ULB codes to it. I’m sorry I can’t send you a link to my page since I’m developing this site on a MAMP server. If I knew where to look in the wordpress files that would be a nice start. Thanks for your help.

[wpCommerce]

Hi, There is no feature to display the registration form in a lightbox but we have an “inline HTML display” feature which may work for you.

Before I go on, I just want to make sure that you have read the 3rd point from our forum rules so you understand the scope of our support forum:

https://support.tipsandtricks-hq.com/forums/topic/forum-rules

With that said, You can style any anchor text or image using your own CSS code. Please take a look at the documentation here:

http://www.tipsandtricks-hq.com/wp-affiliate-link-manager/wp-content/uploads/wp-lightbox-stuff/docs/lightbox-ultimate-fancy-anchor-styles.pdf

We have a shortcode to popup any external webpage (HTML Page Content Display in overlay section):

http://www.tipsandtricks-hq.com/wp-affiliate-link-manager/wp-content/uploads/wp-lightbox-stuff/docs/wp-lightbox-ultimate-shortcodes-by-library-type.pdf

In your case it could be the Registration page or Login page. You can also popup content from a DIV using our inline HTML shortcode (Inline HTML Display in Overlay section):

http://www.tipsandtricks-hq.com/wp-affiliate-link-manager/wp-content/uploads/wp-lightbox-stuff/docs/wp-lightbox-ultimate-shortcodes-by-library-type.pdf

[cicak]

Thanks so much for your help. I do apologize for posting something that is at best in the grey area of the user agreement. I appreciate the information.

[mrjWells]

When I use the shortcode as shown in the instructions (with my own div_id of course):

a) From anchor text:

[wp_lightbox_ultimate_inline_content_embed div_id=”12345″ anchor_type=”text” title=”Title goes here” text=”click here to open the html content” source=”” auto_popup=”false”]

And then add HTML content below between:

<div id=”12345″ style=”width:640px;height:480px;”>

and

</div>

The content shows below this link. Then when I click the link the content shows in the lightbox and when I close the lightbox the content is no longer on the page. If I refresh the page the content again appears below the link until it is clicked.

What am I missing?

[wpCommerce]

@mrjWells, you also need to hide the div containing the content. Please change your HTML code to the following:

<div id="12345" style="width:640px;height:480px;display:none;">

//Your content goes here.

</div>

[mrjWells]

EXCELLENT, that did the trick. I knew I was missing something simple.

Thanks a bunch!

[mrjWells]

I am using inline HTML shortcode with an embedded image anchor to display an optin box in the popup. Everything works fine, but on hover the popup displays left and right navigation arrows like a slider. I did not use height and width settings so the popup would remain responsive. I am trying to figure out how to eliminate those navigation arrows, but couldn’t find any mention of them in the form archives. If you need to see what I am talking about, the URL is [http://quantumleap1000.com/] and the anchor images are orange buttons that say “Give Me the Report.” The arrows only show when your cursor is over the popup.

[wpCommerce]

Hi, the arrow usually shows up when there are multiple shortcodes linking to the same type of content.

I can see that you have two inline shortcodes and both are pointing to div “optin-early”. You can create a similar div with a different name (example: optin-early2) and it will fix the issue. For example:

Shortcode 1

[wp_lightbox_ultimate_inline_content_embed div_id="optin-early" anchor_type="image" source="http://quantumleap1000.com/wp-content/uploads/2014/04/report-button3.png"]



<div id="optin-early" style="display: none;">

//your form content

</div>

Shortcode 2

[wp_lightbox_ultimate_inline_content_embed div_id="optin-early2" anchor_type="image" source="http://quantumleap1000.com/wp-content/uploads/2014/04/bottom-optin1.png"]



<div id="optin-early2" style="display: none;">

//your form content

</div>

[mrjWells]

Thank you so much. That did the trick!

[mrjWells]

Well, everything was working perfectly after following your recommendations above, then I upgraded to WP 3.9 and now the inline HTML lightboxes won’t load. Did a fresh install, but it did not fix the problem. PretyPhoto still works, only the inline HTML shortcode with an embedded image anchor seems to be affected.

Again, if you need to see what I am talking about, the URL is [http://quantumleap1000.com/] and the anchor images are orange buttons that say “Give Me the Report.”

FYI, you guys ROCK

[mrjWells]

Update to post above. The inline HTML in question is actually working in firefox, IE, and Safari, just not in Chrome.

[wpCommerce]

It seems to be working fine for me. I just tested it in the latest version of Chrome (34.0.1847.131).

[mrjWells]

So, just for clarity: When you click the orange button that says “Give Me the Report” in Chrome the lightbox with the optin form pops up? I’ve tried several computers with the latest version of the Chrome browser and can’t get it to work. Granted, because it works in other browsers it’s probably not an issue with the plugin. So, at this point I am just trying to sort things out and I really appreciate your feedback. Thanks!

[wpCommerce]

Yes. Here is a screenshot:

[http://oi62.tinypic.com/2mexsaq.jpg]

[mrjWells]

Any thoughts as to why I can’t see it in Chrome and others can? I’ve been searching for an answer and not having any luck. I could see it just fine until I upgraded to WP 3.9 My concern is that others might want to opt in but won’t be able to.

[Author]

Posts