Модификация подраздела админки магазина на Simpla CMS (OKAY CMS)
Добрый день.
Нужен программист на Simpla CMS (OKAY CMS).
Есть сайт на Simpla CMS, нужно доработать часть админки и подправить баг на сайте.
Напишите Ваш опыт с данной cms
Все работы выполняются на копии сайта на вашем сервере и только после приемки
переносятся на рабочий сайт.
ТЗ
Все делаем для мобильной версии
1
В разделе ЗАЯВКИ
Все столбики в заявке нужно обозначить контуром, чтобы было понятно, что это кнопки
См. рисунок TZ-IMAGE-1 в приложении.
2
В разделе ЗАЯВКИ
Под кнопкой
Дата/Номер заказа/Принт
Под полем комментария нужно создать поле для фото заказа
См. рисунок TZ-IMAGE-2 в приложении.
Стрелочка вниз открывает при нажатии подраздел с фотографиями.
По умолчанию стрелочка не нажата, фотографии скрыты
Если фотографии есть – то стрелочка красного цвета.
Если фотографий нет – то стрелочка серого цвета.
При нажатии на красную стрелочку «вниз» открываются ранее сделанные фотографии и
добавляются инструменты в поле фото заказа, сама стрелочка меняется на красную
стрелочку «вверх».
См. рисунок TZ-IMAGE-3 в приложении.
По умолчанию активен инструмент просмотра и он подсвечен зеленым цветом (глаз)
При этом активном инструменте нажатие на любое фото вызывает ее просмотр
См. рисунок TZ-IMAGE-4 в приложении.
На полях фото указана дополнительная информация о заказе к которому относится фото (номер заказа, дата заказа, номер фото из общего количества фото, Покупатель и его основной способ связи телефон)
Правее от инструмента просмотра находится инструмент удаления.
Если нажать на него – он окрашивается в красный цвет, а инструмент просмотра в серый.
См. рисунок TZ-IMAGE-5 в приложении.
При этом активном инструменте нажатие на любое фото вызывает ее удаление
См. рисунок TZ-IMAGE-6 в приложении.
Правее от инструмента удаления находится инструмент добавления.
Если нажать на него – инструмент удаления окрашивается в серый цвет, а инструмент просмотра
в зеленый (он становится активным). И появляется окно добавления фото.
См. рисунок TZ-IMAGE-7 в приложении.
И можно добавить сюда новое фото – из памяти телефона или создать снимок камерой.
Новое фото добавляется в конце сделанных ранее фотографий.
Это новое фото должно сохраняться в специальную отдельную папку на сервере ORDERS-IMAGES
Порядок фотографий можно менять перетаскиванием пальцем.
(Похожее решение сделано для картинок для товаров)
Если нажать на красную стрелочку вверх – все сворачивается и возвращается к виду
См. рисунок TZ-IMAGE-2 в приложении.
Если фотографий нет – то стрелочка вниз серого цвета.
См. рисунок TZ-IMAGE-8 в приложении.
Нажатие на серую стрелочку вниз вызывает предложение добавления фото и появление состояния
инструментов и стрелочки как
См. рисунок TZ-IMAGE-7 в приложении.
Если фото добавлено – переходим к виду
См. рисунок TZ-IMAGE-3 в приложении.
Если фото не добавлено – переходим к виду
См. рисунок TZ-IMAGE-8 в приложении.
3
На сайте, после того как нажимаем кнопку оформить в корзине – появляется страница
оформления заказа.
На этой странице есть кнопка выбора страны
На компьютерной версии все работает корректно.
А на мобильной версии список стран заполняет только до половины экрана.
См. рисунок TZ-IMAGE-9 в приложении.
Необходимо сделать до конца экрана.
Файлы фотошопа psd прикрепил, чтобы взять из них графические элементы.
Могу графические элементы выслать отдельно при необходимости