Customizing Tables or Customizing Button Links

First off, I want to complement you on what an amazing theme Enfold is. This is truly a favorite to work with as it is super simple to implement and even easier to customize. Thank you for making some of our lives easier.

I rarely ask for help as I try to get as much out of the forums as possible. So thank you for creating this amazing resource as well. Super helpful.

Now, I’ve scoured the web and have yet to find an adequate solution to this issue I am having. I’ll do my best to explain.

I am trying to insert a pricing table to compare services that are offered. Each button, either standalone or on the table have the same options and offer a manual link you are able to insert. I am trying to call a shortcode with a checkout form in the form of a popup like a fancybox or lightbox. The goal is so that users do not have to go to a new page to checkout, they can do so with a Shortcode with an API connecting to a merchant. When tested on the theme it works without the built in buttons, but when using the built in buttons, the fancybox doesn’t even appear.

I have tried to reference the form with anchor text (IE putting the div and style parameters in a code block prior to the button/table text).

Here’s what I put in the code block prior to executing the anchor text:
<div class=”fancybox-hidden” style=”display: none;”>
<div id=”fancyboxID-1″ class=”fancyboxID-1″>[FORM]</div>
</div>

Then referencing it later like this:
<span class=”avia_iconbox_title”>Purchase Plan</span>

The button is already styled so I am only trying to get this code to appear in a fancybox/lightbox button underneath the pricing table.

I figured since the href=”#fancyboxID-1″, I can insert this into the manual link URL in the button editing fields, but alas it doesn’t work.

But, a link like this doesn’t work: <span class=”avia_iconbox_title”>Purchase Plan</span>

It works when you click on the “Purchase Plan” link, but not when I’m referencing #fancyboxID-1 in the manual URL.

Perhaps there is an easier way to call a shortcode by using the theme’s built in buttons in the table or out, but I’m just not seeing it.

I was thinking making a new avia button shortcode that has a custom text area to run a script when clicked.

An alternative may be for a button to run some sort of script when clicked that opens a fancybox/lightbox that opens text or a shortcode. I’m just not sure how to do it.

Any help would be appreciated. Thank you in advance :)