-
AuthorPosts
-
December 23, 2014 at 8:02 am #372002
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 :)
December 23, 2014 at 5:53 pm #372166Hey LoremIpsum!
Thanks for using Enfold.
I’m not really sure what your trying to do from the description. Can you send us a link and perhaps take a screenshot highlighting what your trying to do so we can get a better idea? That should help us out greatly.
Regards,
ElliottDecember 23, 2014 at 8:55 pm #372256Elliott,
Thank you for the response. I love how fast you guys are! Much appreciated!
I can insert a button with a code that pulls a form via a fancybox. However, when using the built in buttons for the the table or the theme, there is no way to insert said code. All I can do is insert a Manual Link. http://bit.ly/1JPuUSE. Can this be a text box or code block instead?
An example of what I’m trying to accomplish is shown in the plugin tablepress. You are able to insert your own code at the bottom of the table to represent custom formatted buttons that call scripts or files. In this case, all I want to do is call a fancybox by the push of a button so the customer can fill out a form.
Image 1 : http://bit.ly/1A17h5l
Image 2: Here’s the code I want in the buttons: http://bit.ly/1B2Er2p. The buttons appear and work when put in a code block.
Image: 3 Notice how the buttons when integrated with the table are connected: http://bit.ly/13tTuqD
Image 4: But when they are not integrated with the table as apart of “Image 1” it looks disjointed: http://bit.ly/1x0FEYN
I am trying to call the code in “Image 1” via the button. I have tried using anchors to call it, but it’s not working. I hope this makes more sense, let me know if you need further clarification as this is a bit odd.
- This reply was modified 9 years, 9 months ago by LoremIpsum.
December 24, 2014 at 5:52 pm #372452Hey!
Hmm, you should be able to use HTML inside the table cells. You cannot just paste your code into one of the cells? What you can do is copy the source code of your buttons by right clicking your page and view source and then copy that into one of the table cells and edit it so your code gets added.
Cheers!
ElliottJanuary 8, 2015 at 12:11 am #376551Eliott,
Thank you so much for your response! I really appreciate it. Everything is working, I just didn’t think about pasting that into the text box in the table.
Problem Solved!
-
AuthorPosts
- The topic ‘Customizing Tables or Customizing Button Links’ is closed to new replies.