-
AuthorPosts
-
April 20, 2014 at 11:56 pm #253626
I need some help creating an on-click pop up to work within enfold – I’ve loaded more than 30 different pop up plugins, and so far each one i load breaks something in the theme.
I even tried just using easy fancybox and hidden divs… nothing.
Can someone help me find a popup that won’t break the theme?
I need to be able to have a few different pop ups, one will pop up when clicked on a learn more that will show a little bit of more information. Another will be an optin form. Another will be a product choice (not woo commerce, the products are on an external link).
Please and thanks
April 21, 2014 at 12:08 am #253631Hi!
Enfold already have a popup/fancybox script, refer to this article on how to use it:
http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/All those codes should work fine in Enfold.
Cheers!
JosueApril 21, 2014 at 5:09 pm #253930Thank you Josue,
Maybe you can explain how to get it to work? In the advanced layout editor (which is used on the page in question) I paste this code, (tried on both visual and text tabs)
<a href="#inline-1" rel="prettyPhoto" ><img src="/wp-content/themes/NMFE/images/thumbnails/earth-logo.jpg" alt="" width="50" /></a> <div id="inline-1" class="hide"> <p>This is inline content opened in prettyPhoto.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></div> </div>
once saved, the “hidden” content still appears on the page once refreshed, although a pop-up does appear with the same text when clicked, when i open the advance editor back up the code is completely gone.
I’ve tried using a button and using this code in the link section: href=”#inline-1″ rel=”prettyPhoto” which results in nothing but an blank new tab.
This is very frustrating.
- This reply was modified 10 years, 8 months ago by boldtranquility.
April 21, 2014 at 8:20 pm #254001Hey!
Please update to the latest version of Enfold (2.7), it introduces a new element to insert HTML/JS code safely (Code Block). Then, in order to get the code you pasted working you’d need to add this to the Quick CSS:
.hide{ display: none; }
Regards,
JosueApril 21, 2014 at 11:03 pm #254042I would love to update the theme, however I’ve read about alot of issues and compatibility issues, and still can’t seem to get an answer on my question about updating.
I’ve got a VERY tight deadline on this website. I NEED to know if I’m going to lose all my customizations, CSS, page layouts, etc when I do the update. because if I don’t have time to go back and redo everything on this site.
thank you for your help.
April 22, 2014 at 12:49 am #254069Hey!
Well, in that case you still can have the lightbox working without updating, it would be a little more tricky though, can you post a link to the Page where you want to have this functionality?
Regards,
JosueApril 22, 2014 at 1:27 am #254083I’ve got two pages I want to put a pop up on.
http://boldtranquility.com/boldtranquility/21-day-challenge/
–the section that reads: “Raise Money for a Cause” the content next to it that says “Here’s How it works” should actually be in a pop up and just a “learn more” button where I have the content slider (I was trying to find a work around since I couldn’t get the pop up working).the second page I need to call a pop up is : http://boldtranquility.com/boldtranquility/get-the-free-apps/
in the section that says “don’t have an apple device” the “here” needs to be an onclick popup to display a subscription form.thank you so much for your help :)
April 22, 2014 at 3:14 am #254118Hey!
The problem is that the “inline content” lightbox method won’t work with javascript-powered elements, you’d need to go with a different approach (see “External sites iframe”), so you’d need to create these ‘elements’ in different ‘blank’ Pages and link them as iframes:
<a href="http://boldtranquility.com/boldtranquility/how-it-works?iframe=true&width=100%&height=100%" rel="prettyPhoto[iframes]">Link</a>
Regards,
JosueApril 22, 2014 at 3:44 am #254128okay, I’ll work with this in the morning and see if I can make it work.
thank you, please don’t close this yet, just in case I have issues in the morning.
Your help and knowledge is greatly appreciated.
April 22, 2014 at 3:46 am #254129Ok, let me know how it goes.
Regards,
JosueApril 23, 2014 at 2:22 am #254725it’s only loading about 1/4 of the page in the pop-up. I’ve about exhausted my brain trying to make this work. I’m going to talk to my client about a work-around. Pop-ups are the most mobile responsive anyway, or consistent.
I guess I’ll open a new support ticket if I absolutely need to find a way to make it work
-
AuthorPosts
- The topic ‘Pop up? – All I've found break the theme.’ is closed to new replies.