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

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

Тема в разделе "Ищу плагин, функционал", создана пользователем gregoro, 23 фев 2016.

  1. gregoro

    gregoro

    Сообщения:
    136
    Симпатии:
    9
    Баллы:
    18
    Нашел на сайте, сделанном на WooCommerce, интересное с точки зрения юзабилити решение.

    На странице одиночного товара под фотографией товара и кратким описанием расположен ряд кнопок: Доставка и Оплата, Контакты, Гарантия
    [​IMG]
    При нажатии на любую из них без всякой доп.загрузки моментально вылетает вот такое окошко:
    [​IMG]

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

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

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

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

    D&B Администратор Команда форума Местный

    Сообщения:
    3.269
    Симпатии:
    724
    Баллы:
    113
    Дали бы ссылку на сей магаз то
     
  3. gregoro

    gregoro

    Сообщения:
    136
    Симпатии:
    9
    Баллы:
    18
  4. D&B

    D&B Администратор Команда форума Местный

    Сообщения:
    3.269
    Симпатии:
    724
    Баллы:
    113
    Очевидно реализовано с помощью easy-fancybox
    Но как именно, надо разбираться. Настроек у него много, да еще есть премиум вариант.
     
  5. D&B

    D&B Администратор Команда форума Местный

    Сообщения:
    3.269
    Симпатии:
    724
    Баллы:
    113
    Разобрался примерно. Используется 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

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