Фрилансеры предложат решение вашей задачи уже через несколько минут!

Публикация заказа на фриланс бирже не займет много времени.

5 лет назад
Алексей Борисов
37 лет, Россия
12 лет в сервисе
Был онлайн 2 месяца назад
5 лет назад

Здравствуйте.

Есть работающий интернет-магазин на Битриксе.

Необходимо, чтобы он отображался одинаково хорошо и на рабочих компьютерах с шириной окна браузера от 900 пикселей, и на мобильных устройствах с шириной окна браузера от 360 до 900 пикселей.

Работа разбита на несколько этапов, грубо:
1. Правка карточки товара.
2. Правка результатов поиска (страница с фильтром по параметрам).
3. Правка главной страницы.
4. Удаление лишних файлов стилей.

ТЗ на страницу "Карточка товара".

1. Верстка должна быть адаптивной - в зависимости от ширины экрана блоки компонуются по тому или иному принципу.
2. Минимальная ширина сайта - 360 пикселей.
3. Максимальная ширина сайта - не ограничена.
4. При минимальной ширине сайта все блоки выстраиваются в столбик: шапка, основные характеристики товара (заголовок, цена и т.д.), характеристики товара (размеры, фотки и т.д.), текстовое описание, фотографии, похожие товары, футер. Момент перехода всех блоков в столбик нужно подобрать. Предположительно это 900 пикселей. Планшеты с шириной 1024 и больше получат обычный десктопный вид, а телефоны уже мобильную версию. Условно момент перехода бьет сайт на мобильную и десктопную версию - далее используются эти обозначения.
5. Поведение шапки:
Десктопная версия - логотип и слоган слева. Главное меню расположено в строку и выровнено по правому краю.
Мобильная версия - логотип и слоган слева. Главное меню меняет расположение на "в столбик", размещается под логотипом, выравнивается по правому краю.
6. Поведение основных характеристик - тип товара, подкатегория, наличие, цена.
И десктоп и мобильная версия - выровнено по левому краю, в столбик.
7. Поведение блоков "Характеристики товара", "Дополнительные характеристики", текстовое описание.
Десктоп: блоки расположены рядом - характеристики слева, допы - справа. Описание внизу под ними. Занимаемое место - 50% ширины окна браузера.
Мобильная: блоки располагаются друг под другом - характеристики вверху, допы в середине, описание и контакты внизу. Занимаемое место - 100% ширины.
8. Поведение основного фото.
Десктоп: ширина фото - 50% от ширины окна браузера, фото расположено справа от блоков "Характеристики", "Дополнительные характеристики"
Мобильная: ширина фото - 100% ширины окна браузера, фото располагается под блоками "Характеристики", "Дополнительные характеристики", описание.
9. Поведение дополнительных фотографий.
Десктопная версия - фотки имеют высоту 350 пикселей, ширина подбирается пропорционально размеру фотографии.
Мобильная версия - фотографии имеют ширину 100% от размера окна браузера, высота подбирается пропорционально.
10. Поведение блока "Похожие товары".
Десктопная версия - блоки расположены в строку.
Мобильная верися - блоки расположены в столбец, ширина каждого блолка - 100% окна браузера.


Детали задачи и ссылка на сайт в аське/скайпе.
Прошу в данном проекте ответить ориентировочной ценой и сроками реализации описанной задачи - правки в карточке товара.
Следующие задачи пойдут отдельными проектами.
Оплата - WMR, WMZ.

Выбранный исполнитель
Евгений Андриканич
35 лет, Украина
12 лет в сервисе
Был онлайн 20 часов назад
154 отзыва1 новый
5 лет назад

$80

2 дня

ТОП-5 — HTML-верстка
Отзыв заказчика
Евгений справился с работой отлично - все сделал как было описано в ТЗ, работа выполнена быстро и точно в срок. По окончании работ у меня не было ни одного замечания. Рекомендую Евгения как специалиста высокого класса.
Отзыв фрилансера
Задача поставлена четко и ясно.
Быстрая проверка работы, и незамедлительная оплата.
Рекомендую!
Макар К.
40 лет, Россия
5 лет в сервисе
Был онлайн 4 года назад
5 лет назад
Сергей П.
37 лет, Украина
6 лет в сервисе
Был онлайн 5 лет назад
5 лет назад
Тарвердян Нарек
31 год, Россия
5 лет в сервисе
Был онлайн 11 месяцев назад
5 лет назад
Евгений Андриканич
35 лет, Украина
12 лет в сервисе
Был онлайн 20 часов назад
154 отзыва1 новый
5 лет назад
ТОП-5 — HTML-верстка
Иван О.
Иван О. 
31 год, Украина
9 лет в сервисе
Был онлайн 1 год назад
5 лет назад
Эдуард Е.
40 лет, Молдова
5 лет в сервисе
Был онлайн 5 лет назад
5 лет назад
Александр Полежаев
34 года, Россия
14 лет в сервисе
Был онлайн 2 месяца назад
5 лет назад
Сергей М.
27 лет, Украина
8 лет в сервисе
Был онлайн 2 дня назад
5 лет назад

Другие заказы в категории «HTML-верстка»