Необходимо реализовать возможность выбора размера одежды в Virtuemart 3, позволяющую добавлять разные размеры одного товара в корзину. Стандартные настраиваемые поля не подходят. Пример реализации можно увидеть на указанных сайтах.
Доработать скрипт на Javascript
Имеется готовый скрипт, написанный на javascript. Скрипт обычного календаря. Необходимо его доработать.
Пункты доработок:
1. Добавить поле ввода (input type="text"), кнопку (обычный div с иконкой) и надпись (label). При отдельном нажатии на каждый из них должен появляться скрытый блок (div с календарем) с анимацией через стили css на @keyframes (можно обычный scale или transform с использование transition в 0.5s). Выше указанные элементы должны быть responsive.
2. Появление скрытого блока с календарем (div с календарем) не должно смещать ниже размещенные элементы верстки (другие div), а раскрываться поверх все данных блоков.
3. При выборе даты в календаре любого месяца и любого года в элементы, указанные в пункте 1 (input, div и label) должна отобразиться выбранная дата. Соответственно после клика на дате окно с календарем (div с календарем) должно скрыться через стили css на @keyframes (можно обычный scale или transform с использование transition в 0.5s). Также скрываться окно должно при клике за пределами данного окна и вышеуказанных элементов.
4. Данная конструкция скрипта должна работать асинхронно, то есть при добавлении нескольких подобных календарей каждый из них должен работать автономно. При этом стиль css должен быть единым для каждого календаря. То есть если в скрипте будут динамически создаваемые стили определенных элементов, то чтобы не было необходимости для каждого из них прописывать свой стиль дополнительно в файле стилей css.
5. Добавить возможность выбора диапазона дат. Полученный диапазон должен проставляться в указанный выше элементы с разделителем (в качестве разделителя обычный дефис или тире). Выбор должен осуществляться путем клика на первую дату, а потом на следующую дату. При этом можно перелистывать календарь до нужного места. Закрытие окна должно происходить после клика на вторую дату. Соответственно в коде html надо прописать дополнительный класс или идентификатор, по которому скрипт будет определять простой календарь или с выбором диапазона.
6. Вынести из скрипта в отдельный файл массивы месяцев, их абриавиатур и дней недели. В качестве формата файлов для данной цели применять json или ini. Данные из таких файлов должны подгружаться в скрипт в соответствующий массив.
7. При перелистывании годов:
- на последнем месяце (декабрь) добавить автоматическое переключение на другой месяц (январь) следующего года
- на первом месяце (январь) добавить автоматическое переключение на другой меся (декабрь) предыдущего года
8. Разделить логику скрипта таким образом, чтобы выводились месяцы и года:
- в виде всплывающего окна с месяцами при клике на название месяца и скроллинга годов (в настоящее врем реализовано).
- в виде скроллинга месяцев и года (аналогично годам. нажатие стрелки вправо пролистывает на следующий месяц года и соответственно в обратную сторону)
- в виде отдельных окон рядом с основным (отдельное окно с месяцами и отдельное окно с годами, перелистывание в виде вертикального скролла)
P.S.: Стилистика календаря остается на без изменения, над стилями не надо работать. Код должен быть только на Javascript, CSS, HTML. Стили строго в файле css, а не частично в Javascript или html.
P.S.: Работу можно разделить на части.
Детали при личной переписке с кандидатами (ссылки источников, исходник скрипта, демонстрация экрана).
Заявки фрилансеров
Похожие заказы
- $30Веб-программирование2 заявкиЗакрыт4 года назад
Ищется разработчик для создания кода регистрации пользователей на сайте WordPress с использованием AJAX. Требуется реализовать форму регистрации и аналогичную форму для восстановления пароля во всплывающем окне, используя предоставленный код для логина в качестве основы. Необходима работа с jQuery и PHP, а также настройка AJAX-запросов.
Веб-программирование1 исполнительЗавершен4 года назадНеобходимо внести изменения в бизнес-процессы Битрикс24. Работа включает веб-программирование согласно предоставленному техническому заданию. Ожидается проработка всех деталей для успешной реализации задачи.
Веб-программирование4 заявкиЗакрыт4 года назадИщется React разработчик для участия в новом веб-проекте. Задача включает разработку интерфейсов и взаимодействие с API. Все детали обсуждаются в личной переписке.
Веб-программирование15 заявокЗакрыт4 года назадНеобходимо заменить HTML-код на React-компоненты. Ищем фрилансера с опытом веб-программирования и хорошими знаниями React. Ожидается качественная реализация проекта.
Веб-программирование12 заявокЗакрыт4 года назадТребуется разработать копию существующего проекта для веб-приложения. Все необходимые детали и требования описаны в предоставленном документе. Ожидается качественное выполнение задачи с учетом всех нюансов проекта.
Веб-программирование4 заявкиЗакрыт4 года назадТребуются небольшие настройки на сайте, которые требуют знаний в области Linux и MySQL. Ожидается выполнение корректировок и оптимизация работы сайта.
Веб-программирование3 заявкиЗакрыт4 года назадТребуется разработать PHP-скрипт бота для ВКонтакте с функционалом рассылки приглашений в друзья и ответов на входящие сообщения. Необходимо учесть использование антикапчи, прокси и мультиавторизации, чтобы избежать блокировок аккаунтов. Укажите свои расценки за выполнение задания.
Веб-программирование2 заявкиЗакрыт4 года назадТребуется развернуть продакшн-систему на платформе Saleor в облаке с хранением статики. Настроить локализацию для РФ, подключить платежные системы и создать роли для пользователей. Обеспечить работоспособность панели загрузки товаров через API и создать приложение для автоматического управления ценами. Также необходима интеграция с Яндекс.Объявления и Авито для публикации товаров с измененной ценой.
Веб-программированиенет заявокЗакрыт4 года назад