PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Need some support

  1. I'm trying to get the Elegant Themes Boutique theme, Cart66, Gravity Forms, and a lightbox (any lightbox) that will handle a form to all play nice together. I have been on the 3 support forums (theme, cart, forms) and no one seems to be able to give me any direction. Any suggestions or anyone who has used the 4 together out there to give me any advice.

    My current problems isn't exactly with Gravity Forms, I don't think, but trying to get a lightbox form to play nice with my theme. I'm just looking for someone who has worked with these 4 items/plugins to give me some advice.

    Thanks,
    Alisa

    Posted 12 years ago on Thursday June 28, 2012 | Permalink
  2. You might not find anyone who has worked with all four. Please let us know exactly what you want to do and provide a link to your site with the work you have accomplished so far. Thanks

    Posted 12 years ago on Thursday June 28, 2012 | Permalink
  3. I have a partially complete form: http://dancingbayembroidery.com/koozies/ . Scroll down to Text* and select Monogram. When you select Monogram, a link will appear to the right called Monogram Fonts. Clicking on that link takes you here: http://dancingbayembroidery.com/popups/monograms.php which I would like to appear in a lightbox form. This form was coded by hand because I cannot figure out how to (1) create a totally plain page with my theme and (2) cannot figure out how to created a gravity form with the images. This is where I'm stuck. I want the value from the 2nd form to go into the field called Monogram. On the Advanced tab from the text field called Monogram, I have set the Paramenter name to monogram and check the allow field to be populated dynamically box. However, when I do a view source of the page, I see this code:
    <li id='field_1_21' class='gfield' >
    <label class='gfield_label' for='input_1_21'>Monogram</label>
    <div class='ginput_container'>
    <input name='input_21' id='input_1_21' type='text' value='' class='medium' tabindex='5' />
    </div>

    What this tells me is that the radio buttons:
    <input type="radio" name="monogram" value="Circle-2L" /> for example,
    from the 2nd form will never match up with the base form because it's looking for a field called input_21.

    I'm also stuck in the fact that I cannot figure out how to get a lightbox, much less a lightbox form to pop up. When I say this, I mean that I set it up they way I think it should be set up and what comes up is a grid of images and when I click on an image it goes to a page with just that image and not a lightbox. Now, I think this is a Boutique theme issue, so not within the scope of this support group. I just cannot get anyone over there to understand what I'm saying. They might answer, but not the question I'm asking. Maybe I just don't know how to ask the question properly.

    The other problem that when it comes back to the base form, anything I previously set it wiped out. I understand why this is happening. I need to send everything previously set over to the 2nd from and then back, but I was thinking that with a lightbox, this would not happen.

    Once I get the form building the way I want it to, I need to figure out how to wrap Cart66 around it so that it will be a real shopping cart, send charges to PayPal and orders to me.

    This will be a slow process getting this section working properly, but once I get this going, I should be able to set up the rest of my cart quickly. I have lots of html, php, & mysql experience. I worked as a developer from 2000 to 2008, first with static html pages, then Perl, then PHP/MySQL. I basically understand JavaScript and CSS but am better at tweaking code than writing it myself. I'm pretty new to WordPress. This is my 2nd site which is for my business. My 1st was Photocrati template which was pretty simple to set up and get running properly. It was for a friend. I have not worked with hooks before.

    I hope someone can help, at least with a part of this.

    Thanks,
    Alisa

    Posted 12 years ago on Thursday June 28, 2012 | Permalink
  4. Hey, I'm making a little progress. See http://dancingbayembroidery.com/monogram-fonts-2/. There's a bunch of images at the bottom that I didn't put there and am not sure how to remove, but they are using a lightbox, so I need to study the code a bit and also the wordpress setting to see what I can use for what I want to accomplish.

    On the CSS, is there a setting to make this come out in a 3 by or 4 by grid?

    Thanks,
    Alisa

    Posted 12 years ago on Thursday June 28, 2012 | Permalink
  5. David Peralty

    I can answer your CSS question, everything else will take more time. Check out our CSS Ready Classes for organizing elements:
    http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes

    Posted 12 years ago on Thursday June 28, 2012 | Permalink
  6. got it: gf_list_4col

    Posted 12 years ago on Thursday June 28, 2012 | Permalink
  7. I finally figured out the images on the form. I don't like that they're all bunch up, so may need to add some padding to them, but if I can just get this to open in a lightbox, that'll be one big hurdle.

    Thanks,
    Alisa

    Posted 12 years ago on Thursday June 28, 2012 | Permalink
  8. I'm a lot closer. Go to http://dancingbayembroidery.com/koozies/, scroll down to Text* and select Monogram. A link will appear to the right of the Text dropdown. Click on Click here to select a Monogram Font. The form opens in a lightbox, just like I wanted, but when you make a selection and click submit, nothing happens.

    Here's the html content for the link:

    <div style="display:none" class="fancybox-hidden">
    <div id="fancyboxID-1">[gravityform id="2" name="Monogram Fonts" ajax="true"]</div>
    </div>
    <a href="#fancyboxID-1" rel="nofollow">Click here to select a Monogram Font</a>

    Disable default margins is checked
    CSS: gf_right_half
    Enable Conditional Logic checked Show if thei field mathces Text is Monogram.

    On form 2, I have Field Labe: Monogram Fonts
    Choice: enable values checked
    URL to image is a full path.
    Admin Label: blank
    Validation Message: blank
    CSS: gf_list_5col
    Visiblity: Everyone
    Allow field to be populated dynamically - unchecked
    Enable Conditional Logic - unchecked

    I don't know how to view the souce of the lightbox form to figure out what the action is, or how to change the action even if I could see it. Action should be
    http://dancingbayembroidery.com/koozies/ with a method of get, sending something like
    ?input_21=Circle-3L when you click submit.

    Can anyone tell me how to make this changes?

    Thanks,
    Alisa

    Posted 12 years ago on Friday June 29, 2012 | Permalink
  9. I think I may have found the solution to my question using gform_form_tag. Since I want to target back to the form that called the lightbox form, is this correct?:

    add_filter("gform_form_tag", "form_tag", 10, 2);
    function form_tag($form_tag, $form){
    	if ($form["id"] == 2) {
    		$form_tag = preg_replace("|action='(.*?)'|", "action='http://dancingbayembroidery.com/koozies/'", $form_tag);
    		return $form_tag;
    	}
    }

    the if statement would direct the hook to only be used on that specific form, right. My biggest question is do I need to have the lightbox form have a method of post or get? and if get, do I also change that within the gform_form_tag hook? and how?

    Thanks,
    Alisa

    Posted 12 years ago on Saturday June 30, 2012 | Permalink
  10. Which hook do I used to get the value from form 2 (lightbox form) into the proper field (input_21, field_1_21) on form 1 (my base form). I've looked at the hooks on http://www.gravityhelp.com/documentation/page/Developer_Docs and there are several that pertain to values. I'm assuming I use a hook to set this value.

    With the hook in my previous post in place, the action is changed and the submit works so that the lightbox goes away and back to form 1, but everything previously set on form 1 is reset back to the default. How do I stop this from happening?

    I'm anxious to get this all resolved so I can get my site running.

    Thanks,
    Alisa

    Posted 12 years ago on Sunday July 1, 2012 | Permalink