Включая страховку ответственности исполнителя и комиссию сервиса.
Подробнее
Сделать адаптивную таблицу для мобильных устройств
3 800 руб.
- Выполнено
- Создано
- Программирование
- Задание № 970920
Адрес
Не указан
Начать
Стоимость
3 800₽
Нужно
Необходимо сделать адаптивную версию таблицы "Услуги и цены" для мобильных устройств на сайте - http://nataliashelkovskaya.com/
В текущем виде таблицей на мобильных устройствах крайне неудобно пользоваться. И есть следующие опции по улучшению ситуации с мобильной версией(предпочтительна первая, но также рассмотрю ваши рекомендации):
> 1 Чтобы вместо единой большой таблицы, была адаптивная версия видимая только на мобильных и планшетах, работающая по типу слайдеров (как в блоке проекты). Это могут быть 3 мини-таблички (на каждую из пакетов bronze,silver,gold), которые просто будут листаться вправо-влево. html-код таблицы был бы в этом слайдере. То есть слева столбец с услугами а справа пакет Bronze, листаем он меняется на Silver, листаем меняется на Gold. Соот-но по опции с возникающим описанием услуг, необходимо чтобы при нажатии она а) не загораживала таблицу на слайде, б) при этом не расширяла таблицу по высоте. Если по описанию эти условия соблюсти не удается, то можно вообще из мобильной версии описание(возникают при наведении мышкой) убрать и оставить только названия услуг.
> 2. Если первый вариант уместить/реализовать не получится, то можно преобразовать в форму аккордеона по примеру такого - http://jqueryui.com/accordion/, Т.е. будет в столбец 3 кружка с услугами и при клике на Section 1(к примеру Bronze) вылазят в столбец перечень услуг bronze, при клике Section 2(Silver), Section 1 сворачивается и под Section 2 вылазит сообщение (услуги из Bronze) + перечень тех что только в Silver и т.д. Таким образом список сильно не увеличивается т.к. при открытии следующей части, первая сворачивается и у всех у них снизу кнопка заказать. И здесь те же комментарии по возникающем описании, как и в подпункте выше.
При этом, должна оставаться возможность редактирования всего содержимого таблицы в CMS.
Заказчик этого задания
