Сейчас код формы https://mos-radius.ru/ хранится в сниппете (Wordpress). Нужно создать новый сниппет и поместить туда код с новой формой.

Новая форма представляет собой расширенную существующую и должна выглядеть примерно как на картинке.

Стили остаются прежними (на картинке не обращаем внимания на кривые отступы/поля/шрифты), но в форму добавляется вкладка. Теперь будет две вкладки: Экскурсии и Подарочный сертификат на экскурсию.

  • Если юзер выбрал “Экскурсия”, то появляется селект с языком (русский (по-умолчанию), английский, немецкий), дата, время, кол-во участников, кнопка “Заказать экскурсию” (она есть и сейчас)
  • Если “Подарочный сертификат на экскурсию”, то появляются титул/оборот, способ добставки, адрес доставки (если выбрана доставка курьером), кнопка “Заказать сертификат, При этом при выбранной вкладке сертификата Обзорную экскурсию и Экскурсию мечты не выводим в список экскурсий.
  • Остальные поля должны быть в обеих формах.
  • Титул - здесь выводим конкретный jpg
  • Оборот - jpg, который зависит от выбранной экскурсии
Картинки пришлю.

Титул подгружается только при выбранной вкладке “Сертификат”. Оборот подгружается только вместе с выбранной экскурсией. То есть грузить все изображения сразу с загрузкой страницы не нужно (это важно). Пока изображение грузится, выводить какой-то прелоэдер.

Цена за экскурсию выводится в поле с кол-вом человек. Добавляем простую калькуляцию: если язык выбран английский или немецкий, то цена экскурсии увеличивается: + 1000 за час. У нас все экскурсии длятся 2,5 часа, кроме Обзорной (3 часа). Например, если обычная экскурсия (2,5 часа) стоит 5000, то на английском будет стоит 7500 рублей. Если обзорная (3 часа) стоит 15к, то на немецком будет стоить 18к.

Ценe за сертификат выводим в кнопку “Заказать сертификат: xxx рублей”. Калькуляция: сертификат на любую экскурсию стоит 5000 рублей. Если выбрана доставка по Москве, то +500 рублей.

Новую форму выводим на отдельной странице: https://mos-radius.ru/excursions_in_moscow/ . Бэкэнд будет выполняться в другой задаче. В этой требуется вёрстка формы и калькуляция.

4 года назад
iamevgeniy
Евгений 
40 лет
16 лет в сервисе
Был
год назад

Выбранный исполнитель

evgeny-fl
Евгений 
25 лет
4 года в сервисе
Был
3 месяца назад
4 года назад
$40
2 дня
Escrow
Всё отлично: сделано, что нужно. Проблем не было, рекомендую.
Постановка задач и коммуникация на высшем уровне, мои рекомендации!

Заявки фрилансеров

Джавохир
 
25 лет
4 года в сервисе
Был
4 года назад
2 отзыва
4 года назад
Артём
 
28 лет
4 года в сервисе
Был
3 года назад
4 года назад
evgeny-fl
Евгений 
25 лет
4 года в сервисе
Был
3 месяца назад
4 года назад
  • Похожие заказы

  • Требуется выполнить HTML-верстку макета из Figma на платформе WordPress. Необходимо создать адаптивный дизайн, который будет корректно отображаться как на десктопе, так и на мобильных устройствах. Предоставьте готовую версию сайта с учетом всех элементов из дизайна.

    HTML-верстка1 исполнитель
    Завершен
    4 года назад
  • Задача заключается в верстке двух страниц лендинга на основе предоставленного дизайн-макета из Figma. Требуется минимальная анимация (плавное появление контента) и реализация формы обратной связи с валидацией полей и сбором аналитики. Также важен читабельный и поддерживаемый код.

    HTML-верстка1 исполнитель
    Завершен
    4 года назад
  • Требуется заменить номер телефона на сайте jango. Необходимо выполнить HTML-верстку и указать стоимость услуги. Добавление отзыва также приветствуется. Учитывайте, что нужно выполнить задачу качественно и в срок.

    HTML-верстка1 исполнитель
    Завершен
    4 года назад
  • Требуется выполнить HTML-верстку и натянуть сайт на WordPress по макету Figma с использованием ACF. Все блоки должны быть представлены в виде Gutenberg-блоков с возможностью кастомизации. Проект должен быть реализован с минимальным использованием JS и соответствовать стандартам оптимизации Google. Внедрение микроразметок обязательно.

    HTML-верстка17 заявок
    Закрыт
    4 года назад
  • Требуется выполнить HTML-верстку и натяжку сайта на платформе WordPress. Подробное техническое задание предоставлено в прикрепленном файле. Ожидается качественная реализация с соблюдением всех требований.

    HTML-верстка7 заявок
    Закрыт
    4 года назад
  • Требуется верстка сайта на Вордпресс с мобильной версией по готовому дизайну. Проект включает 28 страниц и калькулятор. Ожидаются заявки с указанием стоимости и сроков выполнения. Дизайн будет предоставлен выбранному исполнителю. Рассматриваются только исполнители с отзывами.

    HTML-верстка14 заявок
    Закрыт
    4 года назад
  • Требуется сверстать макет из Figma на VUE и Nuxt с адаптивным дизайном. Верстка будет интегрироваться с бэком через API. Срок выполнения - до понедельника 10:00. Убедитесь в способности завершить проект в указанные сроки.

    HTML-верстка1 исполнитель
    Закрыт
    4 года назад
  • Требуется разработка дизайна резюме по готовому прототипу с акцентом на современный и строгий стиль. Желательные элементы: прямые линии и геометрия, избегать большого количества круглых элементов. Особое внимание уделить выделению должности и зарплаты, которые должны быть заметны сразу после ФИО. Референсы и прототип будут предоставлены.

    HTML-верстка1 исполнитель
    Завершен
    4 года назад
  • $50

    Требуется разработать HTML-шаблон рекламного письма для адресной email рассылки клиентам образовательной онлайн платформы. Шаблон должен поддерживать замену переменных для каждого клиента и включать видео-вставки. Необходимо нарезать и склеить 3 видео без звука в 4 коротких ролика по 5-10 секунд, а затем конвертировать их в gif. На выходе: готовый шаблон и 4 gif-видео.

    HTML-верстка3 заявки
    Закрыт
    4 года назад