Как реализована инфа о доставке/оплате? Посмотрите, пожалуйста...

[gregoro]

Нашел на сайте, сделанном на WooCommerce, интересное с точки зрения юзабилити решение.

На странице одиночного товара под фотографией товара и кратким описанием расположен ряд кнопок: Доставка и Оплата, Контакты, Гарантия

При нажатии на любую из них без всякой доп.загрузки моментально вылетает вот такое окошко:

Мегаудобно и быстро. В разных браузерах тестил - все летает, на мобильных девайсах тоже все норм...

Админу сайта писал (на нашем форуме его и нашел), но то ли не видит, то ли не до меня

Кто знает как реализовано?
Плагин какой или рукописная штука?
Может кто что подобное хотя бы знает?

Ведь это по сути отличное решение - никаких тебе поисков инфы о доставке, доп. загрузок новой страницы (с риском не найти понравившийся товар)...
Все вылетает в одном окне в доли секунды.

 

[D&B]

Дали бы ссылку на сей магаз то

 

[gregoro]

Дали бы ссылку на сей магаз то

Конечно)
http://benzograd.com.ua/shop/pila-diskovaya-vityaz-pd-2200/

 

[D&B]

Очевидно реализовано с помощью easy-fancybox
Но как именно, надо разбираться. Настроек у него много, да еще есть премиум вариант.

 

[D&B]

Разобрался примерно. Используется easy-fancybox
и плагин Contact Forms 7

Выводится попапом Contact Forms 7 форма без полей но с нужной информацией. Пример кода.

<a href="#contact_form_pop" class="fancybox-inline">Contact Us</a>

<div style="display:none" class="fancybox-hidden">
    <div id="contact_form_pop" class="hentry" style="width:460px;max-width:100%">
        [contact-form-7 id="87" title="Contact form 1"]
    </div>
</div>

Мой результат быстрого эксперимента.



В принципе, можно юзать вполне если есть желание и тем более, уже используете эту форму на сайте.