• Никакой политики на форуме. Иначе - бан!
  • Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!
  • Темы озаглавленные с маленькой буквы или капсом удаляются без предупреждения!

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

gregoro

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

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

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


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

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

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

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

D&B

Администратор
Команда форума
Местный
Дали бы ссылку на сей магаз то
 

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>

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

Image 1.jpg

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