Дизайн по ссылке: https://www.figma.com/file/7XNkHptaVHYrhnh6OK3uRu/GAME-1?node-id=0%3A1
HTML-верстка1 исполнитель
Завершен
3 года назад
Добавить поля и элементарную калькуляцию в форму
Найдите исполнителя для вашего проекта прямо сейчас!
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.
Сейчас код формы 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/ . Бэкэнд будет выполняться в другой задаче. В этой требуется вёрстка формы и калькуляция.
3 года назад
Выбранный исполнитель
3 года назад
$40
2 дня
RUBWMZ
Всё отлично: сделано, что нужно. Проблем не было, рекомендую.
Постановка задач и коммуникация на высшем уровне, мои рекомендации!
- Похожие заказы
Сверстать 2 страницы лендинга с использованием минимальной анимацией (плавное появление контента). Так же есть форма обратной связи (валидация полей, сбор аналитики, отправка данных). Дизайн - макет передаем ссылкой на фигму. Помимо хорошего видимого результата, нам ...
HTML-верстка1 исполнительЗавершен3 года назадНа сайте jango необходимо поменять номер телефона http://www.pskovsk.ru/ - ссылка на сайт Сколько будет стоить? + отзыв
HTML-верстка1 исполнительЗавершен3 года назадНеобходимо сверстать и натянуть сайт на wordpress по макету Figma с использованием ACF. Все блоки на сайте должен быть представлены в виде гуттенберг блока, с возможностью кастомного заполнения полей/изменение цвета/порядка. Проект должен быть сверстан максимально чисто, с ...
HTML-верстка17 заявокЗакрыт3 года назадПодробное ТЗ в прикрепленном файле
HTML-верстка7 заявокЗакрыт3 года назадНужна верстка сайта на Вордпресс+ мобильная версия по готовому дизайну. Сайт 28 страниц+калькулятор. Рассматриваю заявки со стоимостью и сроками. Дизайн сброшу выбранному исполнителю. Только для исполнителей с отзывами.
HTML-верстка14 заявокЗакрыт3 года назадЗдравствуйте! Есть макет [url=https://freelancehunt.com/out/https%3A%2F%2Fwww.figma.com%2Ffile%2F3AZwk4DldYDA7z9Ndet0N1%2F%3Fnode-id%3D0%253A1]https://www.figma.com/file/3AZwk4DldYDA7z9Ndet0N1/?node-id=0%3A1[/url]Нужно сверстать на vue + nuxt. Адаптивно. В будущем эта верстка будут связывать с бэком по api. Сроки конечно не большие, до понедельника до 10:00 утра..Только пожалуйста оставляйте ставку если уверенны что успеете в ...
HTML-верстка1 исполнительЗакрыт3 года назадДизайн должен выглядеть современно, но достаточно строго и аккуратно (на руководителя же). Но какие-то интересные элементы приветствуются. Лучше прямые линии/геометрия/возможно небольшое закругление, большого количества кругов/круглых элементов лучше избегать. Важно: желаемая должность и зарплата должны быть хорошо ...
HTML-верстка1 исполнительЗавершен3 года назад- $50
Наш продукт - образовательная онлайн платформа. Хотим сделать рекламную email рассылку клиентам с предложением начать пользоваться продуктом.Нам нужен html-шаблон рекламного письма. Пример: https://beefree.io/template/my-webinar/Обычно такие письма делают в конструкторах, таких как https://beefree.ioМы хотим устроить адресную рассылку ...
HTML-верстка3 заявкиЗакрыт3 года назад