When clicking on the "Order" button in the price table, open the pop-up order form.

Installed Contact Form 7, Easy Fancy Box (inline content included), pricing table via Pricing Table by Supsystic.

For the button "ORDER" you need to register a link, how should it be?

According to the description, is caused by the following code:

<a href="#contact_form_pop" class="fancybox">ЗАКАЗАТЬ</a> <div style="display:none" class="fancybox-hidden"> <div id="contact_form_pop"> <?php echo do_shortcode('[ contact-form-7 id="420" title="ЗАКАЗАТЬ" ]'); ?> </div> </div>

I insert the code into the link buttons in the price table plugin. Further in the page I insert the shortcode of the price table. It does not work through the shortcode. If I make the button myself, it works!

And html price tables can not be found to try to insert into it.

    1 answer 1

    Only the #contact_form_pop need to be inserted into the link button. Code

     <div style="display:none" class="fancybox-hidden"> <div id="contact_form_pop"> <?php echo do_shortcode('[ contact-form-7 id="420" title="ЗАКАЗАТЬ" ]'); ?> </div> </div>

    must be separately, once at the end of the page. This is the so-called blank for the pop-up window with the form. They just #contact_form_pop with this identifier #contact_form_pop .

    Your page code should look something like this:

     <!-- таблица цен --> <a href="#contact_form_pop">Товар1 цена1</a> <a href="#contact_form_pop">Товар2 цена2</a> ...... <a href="#contact_form_pop">ТоварN ценаN</a> <!-- еще какой-то код --> <!-- в конце страницы --> <div style="display:none" class="fancybox-hidden"> <div id="contact_form_pop"> <?php echo do_shortcode('[ contact-form-7 id="420" title="ЗАКАЗАТЬ" ]'); ?> </div> </div>
    • YES and so it works! But I share the table through the Pricing Table by Supsystic plugin and insert only the shortcode into the page, if the popup code is inserted into the same page, it does not work, I think the shortcode does not work! - Ujin
    • so what do you shove him into a shortcode, you need to bring the workpiece out of the shortcode - KAGG Design
    • The price table is made in the plugin, which will output a shortcode at the output by which the table clings to the page. I don’t see the code of the table, since the visual designer, if bi could see the code of the table, insert the pop-up window code into it, and the link by identifier as advised, I think bi worked. And here I understand that #contact_form_pop doesn’t see the spooler code because in different places / pages - Ujin
    • you don’t need to see this code on the page, I described the general scheme of how approximately it should be in the browser. Insert at the end of the page in the visual editor block html with the code of the workpiece - and that's it. - KAGG Design