что бы было наглядней, заскринил то что пытаюсь сделать (верхняя ссылка, то табы переключаются, внизу открываются в лайтбоксе товары)
я так понимаю, что бы сделать по такой технологии, что вы предлагаете, это нужно будет делать на каждый товар отдельную запись или страницу (wordpress у меня стоит) и потом уже выводить
если да, то для меня это все равно что изобретать заново велосипед, я всего лишь верстальщик, а не программист, а в вашем примере нужно хоть что то понимать в программировании
потому и лайтбоксы, как для меня то проще вставить большой кусок кода в одно поле, нежели бегать по страницам и вносить изменения... не знаю, может не правильно понял вашу реализацию ...и вот думаю, стоит ли меня плагин, если этот справляется вроде как с задачей, только форму контактную вставить нужно
открыл я страницу с ajax'ом и ничего не понял( куда его вставлять...
вот код формы, это уже после открытия ее в лайтбоксе
<div role="form" class="wpcf7" id="wpcf7-f2155-o1" lang="ru-RU" dir="ltr">
<div class="screen-reader-response"></div>
<form action="/#wpcf7-f2155-o1" method="post" class="wpcf7-form" novalidate="novalidate">
<div style="display: none;">
<input type="hidden" name="_wpcf7" value="2155">
<input type="hidden" name="_wpcf7_version" value="4.3.1">
<input type="hidden" name="_wpcf7_locale" value="ru_RU">
<input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f2155-o1">
<input type="hidden" name="_wpnonce" value="ffde2afac6">
</div>
<p><span class="wpcf7-form-control-wrap your-name"><input type="text" name="your-name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Имя"></span>
<span class="wpcf7-form-control-wrap tel-251"><input type="tel" name="tel-251" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-tel wpcf7-validates-as-required wpcf7-validates-as-tel" aria-required="true" aria-invalid="false" placeholder="Телефон"></span>
<input type="submit" value="Заказать" class="wpcf7-form-control wpcf7-submit"><img class="ajax-loader" src="/ajax-loader.gif" alt="Отправка..." style="visibility: hidden;"></p>
<div class="wpcf7-response-output wpcf7-display-none"></div></form></div>
а в таком виде в хедере вставил
<div class="apptl">
<a href="#app" rel="prettyPhoto">Оставить заявку</a>
<div id="app" class="hide">
<?php echo do_shortcode('[contact-form-7 id="2155" title="cf1_copy"]'); ?>
</div>
</div>