Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1177650
    pdopchev
    Participant

    Hi guys,

    Just noticed there is a glitch in the lightbox, which displays a contact form on this page:https://rompskis.com/custom-skis It is the “Skier Info Button”. The lightbox displays two forms, the second one being off to the side – instead of just one form.

    The glitch wasn’t there before, I guess it has occurred after some of the updates…

    This is the code for the button/lightbox/contact form

    <div class="x-btn-regular x-btn-block x-btn-x-large">
    <a href="#my-content" class="product_lightbox x-btn" data-content="Launch form!" data-type="inline">Skier Info Form</a>
    </div>
    	
    <div id="my-content" style="display: none; width: 1200px;">
    [contact-form-7 id="1024" title="Skier Form"]
    </div>
    
    [lightbox selector=".product_lightbox"]

    The original idea in creating this is here: https://community.theme.co/forums/topic/contact-form-7-popup-2/

    #1177757
    Lely
    Moderator

    Hi There,

    Upon checking your source code, I found out that there’s multiple instance of lightbox shortcode with the same selector. I can see that your Sign up button is also showing a form in a lightbox. Please use different selector for two different lightbox to avoid that. Same selector will group the content in a lightbox. That’s why you see a glimpse of the form for Sign up button

    #1178995
    pdopchev
    Participant

    Thank you for your help! It worked!

    #1179130
    Friech
    Moderator

    We’re delighted to assist you with this.

    Cheers!

  • <script> jQuery(function($){ $("#no-reply-1177650 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>