• Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!

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

Image CMS

gregoro

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

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

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


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

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

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

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

D&B

Администратор
Команда форума
Местный
#5
Разобрался примерно. Используется 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>
Мой результат быстрого эксперимента.

Image 1.jpg

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