[induspray]

OK, I did this and it seems to work!

note: I added the special code the the Avada *Child* functions.php file (not the regular Avada)

Q3: suddenly, the popup form now displays noticeably WIDER than it used to… it’s a bit too wide

this happens for menu links and also button links

why did this happen, and how can I adjust it?… previously, I had set 800px wide in the code for the popup form

• This reply was modified 1 year, 1 month ago by induspray.

[induspray]

Q1: when I modify the functions.php file, do I do that at the base Avada level, or the Avada-Child level? (I have set up my Avada to use the “child theme” method)

Q2: in the future, when I update the Avada theme and its plugins, will that overwrite the modification I made?

[induspray]

OK, I seem to have my buttons triggering the popup form now… thank you!

QUESTION:
how can I get the popup form to be triggered by a link *in the Avada menus*?… for example, a menu item in the top main menu

I’ve looked in the Avada “Menus” admin area, and there does not seem to be a provision to do this… I can only create/add a menu item, and link it to a straightforward existing page, but that’s it

how can I link a menu item to a Quform popup form?

please advise & thanks

[induspray]

think I might have figured this out, based on something I found on the web…

I went to: Avada > Options > Custom CSS

there, I added in this CSS code in the box:

.fusion-header-wrapper {
position: relative;
z-index: 1000;
}

and now IT WORKS!.. the entire popup is visible

not sure if this is the best or correct way to accomplish this, but the Quform popup now appears overtop the page header!… is this OK?

• This reply was modified 1 year, 1 month ago by induspray.

[induspray]

making very good progress now, next issue:

if I trigger the popup form when I’m at the top of a given webpage, the popup opens, BUT, the topmost portion is chopped off and/or obscured by the Avada header (perhaps the header is displayed above all else?)… this also means that the “X” to close window is not visible… not good

if the form triggered from lower down on a webpage, the popup form is fine and completely visible

SEE attached screenshots (good and bad versions)

Q: how can I have the Quform popup form display always on top, ie., above everything else on the page?

• This reply was modified 1 year, 1 month ago by induspray.

Attachments:

You must be logged in to view attached files.

[induspray]

thanks, this seems to have helped

[induspray]

thanks…

now I want to make my popup form wider, to eliminate having to scroll down… basically, I want the form to been seen in its entirety when it pops up

I made a new “wide” version of our existing form, by utilizing a 2-column layout, and rearranging the fields within those columns… however, the displayed form is too narrow (see screenshot)

if I try to modify the column settings, it limits my column widths to a total of 100 pixels, which is far too small (see screenshot)… how can I make this popup form wider please? thanks

• This reply was modified 1 year, 1 month ago by induspray.
• This reply was modified 1 year, 1 month ago by induspray.

Attachments:

You must be logged in to view attached files.

[induspray]

RE: the fix “The FooBox option Disable Other Lightboxes at FooBox → Settings → Advanced must be turned Off for Quform popup forms to work. The option does not affect normal forms.”

I tried this, but discovered that unchecking that option did NOT work

however, when I also unchecked the next option “Try to deregister other lightbox scripts and stylesheets”, then it DID WORK

so looks like BOTH options must be unchecked for the fix to work (my experience anyway)… see attached screenshot showing both unchecked

I had to disable (uncheck) both of these:
– Disable Other Lightboxes
– Deregister Other Lightbox Files

Q: will unchecking these have any adverse effects?

• This reply was modified 1 year, 1 month ago by induspray.

Attachments:

You must be logged in to view attached files.

[induspray]

Ally:

you said >> “For some reason the page has some JavaScript code that is effectively making any popup script loaded on the page useless. I don’t know what is loading this code, you could try checking if it is another plugin or the theme using this method: https://support.themecatcher.net/quform-wordpress-v2/troubleshooting/common-problems/plugintheme-conflicts ”

OK, so I did some plugin conflict debugging as you suggested

#1: I tried switching my theme to something other than Avada (I switched to “Astra”)… this did NOT fix (still no popup form)

#2. I deactivated the plugin “FooGallery”, this did NOT fix (still no popup form)

#3: I deactivated the plugin “FooBox HTML & Media Lightbox”, and the popup form FINALLY WORKED!!! (first time ever) *******

the form seemed to display OK (but has no heading or intro text, which would be nice to have) — but it DID actually pop up!… see attached screenshot of the resulting popup form

so now what?

note: we definitely do use the FooBox Lightbox plugin on our website

thanks,
— Paul

• This reply was modified 1 year, 2 months ago by induspray.
• This reply was modified 1 year, 2 months ago by induspray.
• This reply was modified 1 year, 1 month ago by induspray.

Attachments:

You must be logged in to view attached files.

[induspray]

OK, I’ve privately emailed you a link to a web page with a “test” button/link (that so far are not working)

also, I did try toggling the 3-4 different popup script variations… did not fix

• This reply was modified 1 year, 2 months ago by induspray.

[induspray]

as a test, I tried using the alternate basic method of triggering the popup form (via plain text link, instead of a button)… using the Avada Text Block element, I inserted this code into the page:

[quform_popup id="2" name="quote_request_1"]Click me[/quform_popup]

it also does NOT work

in the rendered page, I can see the “Click me” text link, but hovering over it shows no target URL, and clicking on it does nothing

note that when I hover over my BUTTON version, yes I do see a target URL displayed, but nothing happens when I click on it… otherwise, the button looks normal, and the rollover effect works

[induspray]

some progress…..

I was able to stop the form from displaying on the page by doing what you suggested (“go to Forms – Settings – Performance and make sure that “When to load scripts/styles” is set to “Always””)

did the other things as well, but when I click on the button, NOTHING HAPPENS

Q: is there something else I need to do in the button settings?… eg. do I put something in for the button URL, or anything else?

(PS: could not send you the Avada script zip file, my Gmail is blocking that type of file for security reasons)

thank you!

• This reply was modified 1 year, 2 months ago by induspray.
• This reply was modified 1 year, 2 months ago by induspray.

[induspray]

also: I’ve seen references to inserting the shortcode into the page and “making it invisible”, but cannot figure out how to do that

EXAMPLE:
“…add the popup form shortcode or block to the page with no trigger content so that it is invisible: [quform_popup id="1"][/quform_popup]”

it suggests to put into a Text Block element, but if I do that, the form simply gets displayed on the page, NOT in a popup window (and there’s no sign of any popup window)… I can’t find anyway to make it invisible

I tried DE-selecting all 3 devices to display on (desktop, tablet, etc.), but that setting doesn’t take and always resets to all 3 being selected in blue

Q: how exactly to I insert this code, and how do I make it invisible?

• This reply was modified 1 year, 2 months ago by induspray.

[induspray]

CORRECTION to last line above:

B. I’m running: Avada V-7.11.7, Quform V-2.20.0, WordPress V-6.5.2

• This reply was modified 1 year, 2 months ago by induspray.

[induspray]

OK, running the “Rebuild script cache” worked…

all fixed now, thank you!

issue resolved

• This reply was modified 7 years, 5 months ago by induspray.

[Author]

Posts