Найдите исполнителя для вашего проекта прямо сейчас!
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.

Задание на изменения на сайте https://okna-alkor.ru/glavnaya-2/

ИНТЕГРИРОВАТЬ В АДМИНКУ НИЧЕГО НЕ НАДО

Заверстать прямо в шаблоне кодом!!!!!!!!!

1. Заверстать новый блок с карточками продукции как в дизайне.

https://www.figma.com/file/3WUispH8LFHvgNeFUtSSNw/Алькор-(Апрель-2020)?node-id=0%3A1

1.1. Карточки располагаются в ряд по 5 штук на экране. Большее количество карточек доступно при нажатии на кнопки право/лево.

Если карточек меньше 6штук для десктопа и меньше 2штук для мобильной версии, то кнопок право/лево нет. А выравнивание происходит по левому краю. (Если это упростит реализацию, то можно кнопки использовать в любом сценарии всегда. При нажатии карточки могут просто меняться местами последовательно)

1.2. При наведении мышкой на карточку разворачивается краткое описание продукта в пределах карточки продукции. В мобильной версии такой функции нет.

На описание продукции в свернутом виде отведено 2 строчки. Если полное описание больше 2-х строчек, то в конце второй строки должны всегда стоять 3 точки и на десктопе и в мобильной версии.

1.3. При клике мышкой на карточку продукции или при нажатии на карточку пальцем на мобильном, открывается всплывающее окно.

1.4. Во всплывающем окне есть раздел «Характеристики товара». Этот раздел раскрывается при нажатии. Раскрытие происходит вниз со смещением нижестоящего контента.

1.5. Под разделом «характеристики товара» начинается раздел калькулятора. (это Тип дома и Дополнительная комплектация). При Выборе пунктов в этом разделе ничего не меняется и не запоминается.

При нажатии на чек боксы просто ставятся галочки.

В админку сайта ничего выводить не надо. Версткой заложить простое понятное решение для оформления карточек товара прямо в коде страницы.

Итоговая цена это просто текст.

1.6. Раздел с телефоном и кнопкой «Рассчитать» отправляет данные в CallTraking Mango и в Битрикс24. Также как это реализовано на других формах сайта

2. Заложить для всех форм на сайте верификацию данных и блокировку отправки недостоверных данных, так чтобы ложные срабатывания не попадали в статистику calltraking. При не правильном, заполнении формы, пользователю выдается всплывающее сообщение – «Поля не заполнены или заполнены не верно». Сообщение закрывается по нажатию крестика. Информация при этом не удаляется и сохраняется возможность корректировать данные и отправить повторно.

3. При успешной отправке формы пользователь получает всплывающее сообщение – «Данные успешно отправлены». Сообщение закрывается по нажатию крестика.

4. В хедере при наведении мышки на почту на десктопе должно выходить сообщение – «Почта будет скопирована в буфер обмена». После нажатия на почту, адрес почты копируется в буфер обмена. После нажатия и копирования в буфер выдается сообщение – «Почта скопирована в буфер обмена»

3 года назад
kasta69
36 летРоссия
7 лет в сервисе
Был
2 года назад
Выбранный исполнитель
serega602
Сергей 
31 годМолдова
11 лет в сервисе
Был
13 часов назад
3 года назад
$80
1 день
RUB
Все отлично
Все отлично
  • Похожие заказы
  • $140

    Необходимо программирование сайта лендинга, дизайн на данный момент в фигме, макет отправлю исполнителю. Условия: 1. Быть за связи не менее 6 часов в день 2. Необходимо программирование Back на Voyager 3. Сайт должен быть анимирован

    Завершен
    3 года назад
  • $100

    Добрый день, Уважаемые Фрилансеры! Необходимо написать Backend-программирование для сайта интернет-магазина, Frontend уже готов, файл предоставим. Необходимо сделать полностью функционал сайта, также интегрировать Frontend, также обязательна административная панель на Voyager, с возможностью корректировать весь контент сайта. Подробности ...

    Завершен
    3 года назад
  • Согласно ТЗ требуется разработать сайт для экологического проекта в Москве. Проект не коммерческий и административно поддерживается Правительством Москвы. Требуется программист или команда разработчиков. У Вас появилась возможность добавить в портфолио работу, которая привлечет к Вам дополнительное внимание новых ...

    Закрыт
    3 года назад
  • Здравствуйте! Основная задача - реализовать через отдельные вкладки вывод на страницах организаций Яндекс и Google панорам через API: 1.  [url=https://yandex.ru/dev/maps/jsapi/doc/2.1/dg/concepts/panoramas/yandex-panoramas.html]https://yandex.ru/dev/maps/jsapi/doc/2.1/dg/concepts/panoramas/yandex-panoramas.html[/url] 2. [url=https://developers.google.com/streetview/web?hl=ru]https://developers.google.com/streetview/web?hl=ru [/url] Дополнительно: 3. Вывод видео с Youtube. 4. Вывод карт Яндекс. Пример: Вывод панорам Яндекс - https://skr.sh/i/240521/rH5RJ2HR.jpg Вывод панорам Google - https://skr.sh/i/240521/O25aMeDd.jpg Соответственно, рядом нужно добавить вкладки ...

    Закрыт
    3 года назад
  • Простая задача, смотри видео 2 минуты [url=https://dropmefiles.com/6zT2g]https://dropmefiles.com/6zT2g[/url] , [url=https://demo.pro-baget.com.ua/shop/korea-long-sofa-fabric-in-blue-navy-color?kajsdjk]сайт[/url] 1. Переработать "sticky-product-info-wapper " (путь к файлу /martfury/woocommerce/single-product/sticky-product-info.php) , убрать все что там есть и заменить на [list=1][*] колонка = иконка и содержимое из футер footer-info 1 ...

    Закрыт
    3 года назад
  • $6

    Решить задачи строго по ТЗ! Сделать нужно на чистом HTML, CSS (необязательно) и на чистом JavaScript (без всяких библиотек, фреймворков и тому прочее) Сделать нужно за 1 час- полтора.   Бюджет 500 рублей. Кто не готов сделать за такую ...

    Закрыт
    3 года назад
  • $30

    Есть скрипт,  самописное приложение по типу парсера на php, которое собирает фотографии с сайта, сжимает, кропает и складывает в папку на хостинге.  Фотки на входе могут быть разных форматов - raw, bmp, jpg, png и в ...

    Закрыт
    3 года назад
  • $15

    Добрый день! Задачи простые, для лендинга требуется написать простой скрипт (отправляющий форму - в тихом режиме - при закрытии формы заказа) + сделать пару мелких корректировок. Вышлю ТЗ для просмотра.

    Закрыт
    3 года назад