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

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

26 дней назад
Алексей
33 года, Россия
1 год в сервисе
Был онлайн 26 дней назад
14 отзывов(-1)
93% фрилансеров рекомендуют 39% заказов с выбором исполнителя
26 дней назад

Прошу оценить стоимость и сроки.

Сайт:
    url: "https://freshday.dev-aizi.whitebx.ru"
    username: "w"
    password: "w"
Движок:
    ocStore 2.3.0.2.3 с темой Octemplates LUXURY 4.3

Задание:

Требуется перенести внешний вид списков товара с битрикс-версии сайта
https://freshday.ru/
на opencart
https://freshday.dev-aizi.whitebx.ru/

Подробнее:

1.
Фильтр товаров не относится к данной задаче.
https://up2.whitebx.ru/p/u/s/Screenshot_2020-01-30_15:09:02.PUsFfFKE8V8JZucroQ3HZB.png

2.
Список товаров на страницах категорий должен выглядеть как в битрикс-версии.
    https://up2.whitebx.ru/y/x/m/Screenshot_2020-01-30_17:20:28.YXMnGUojbJEZnkNzwPEXhU.png

2.1.
Область сортировки.

2.2.
Карточки товаров, включая:

2.2.1.
Стикеры

2.2.2.
Старые цены

2.3.
Пагинация

2.4.
Картинки и описания категорий первого уровня.

2.5.
Интерактивные/javascript-элементы списка товаров должны вести себя как в битрикс-версии.

2.5.1.
Фильтры сортировки

2.5.1.1.
По популярности

2.5.1.2.
По цене

2.5.1.3.
По калорийности

2.5.2.
Кнопки +/- у количества товара

2.5.3.
Кнопка заказать (дефолтное поведение опенкарт)

2.5.4.
Кнопки пагинации

2.5.5.
Кнопка показать все блюда

2.6.
Мобильный адаптив страниц категорий должен выглядеть как в битрикс-версии.

2.6.1.
Интерактивные/javascript-элементы мобильного адаптива страниц категорий должны вести себя как в битрикс-версии.

3.
На главной должен появиться раздел популярные блюда, который должен выглядеть как в битрикс-версии.
https://up2.whitebx.ru/u/m/o/Screenshot_2020-01-30_15:18:50.UMovoiE5npaf6NkT12HDVA.png
Включая:

3.1.
Стикеры

3.2.
Старые цены

3.3.
Мобильный адаптив раздела популярные блюда должен выглядеть как в битрикс-версии.

3.4.
Интерактивные/javascript-элементы мобильного адаптива раздела популярные блюда должны вести себя как в битрикс-версии.

4.
На главной должен появиться блок программы питания, который должен выглядеть как в битрикс-версии.
https://up2.whitebx.ru/y/y/t/Screenshot_2020-01-30_15:22:17.YYTTzQFFnVnirBaePqZgVk.png
Включая:

4.1.
Стикеры

4.2.
Старые цены

4.3.
Мобильный адаптив блока программы питания должен выглядеть как в битрикс-версии.

4.3.1.
За исключением кривого расположения плюсов и минусов в битрикс-версии.

4.4.
Интерактивные/javascript-элементы мобильного адаптива блока программы питания должны вести себя как в битрикс-версии.

5.
Работы ведутся на тестовом сервере, после того как всё готово, нужно будет перенести сделанное на основной сайт.

Особенности:
A.
КРОССБРАУЗЕРНОСТЬ.
Результаты работ должны одинаково выглядеть в основных браузерах: Firefox, Chrome, Safari.

B.
АДАПТИВНАЯ ВЁРСТКА.
Сайт использует адаптивную вёрстку, необходимо чтобы после выполнения задач, в мобильной версии всё было читабельно и никуда не
съезжало.

Устройство посетителя считается мобильным в случаях когда:
    Ширина экрана браузера менее 700px (если CSS-правилами сайта не определено иное).
    User-Agent браузера позволяет определить что устройство мобильное.
Вышеуказанные условия должны реагировать на resize окна браузера (мобильные элементы после ресайза должны быть такими же как после полной
перезагрузки с изначально мобильным разрешением).


Размеры элементов адаптивной версии должны растягиваться в зависимости от размера экрана браузера, и по ширине и высоте, сохраняя
макетные пропорции.


C.
ПОЯСНЕНИЕ ПО АДАПТИВНОЙ ВЁРСТКЕ.
Адаптивность вёрстки мобильного варианта подразумевает, что не существует какого-то отдельного html-кода для мобильной верстки,
дублирующего десктопные элементы. Вместо этого, один единственный
вариант вёрстки, в зависимости от размера экрана, отображается как
десктопный, либо как адаптивный вариант.


E.
МИНИМУМ JAVASCRIPT.
Задачи должны быть выполнены с минимально возможным применением javascript. Если какие-то задачи могут быть решены средствами
PHP/HTML/CSS, то они должны быть решены с помощью PHP/HTML/CSS.


F.
ИСПОЛЬЗОВАНИЕ ГОТОВЫХ РЕШЕНИЙ.
При выборе варианта решения данной задачи приоритет следует отдавать интеграции готовых решений (плагинов/модулей) при наличии таковых
надлежащего качества.


G.
Выполнение данной задачи не должно сломать какой-либо другой функционал. Если в процессе работы вы что-то сломаете, то исправление
поломки осуществляется вами безвозмездно.


H.
Результат задачи должен быть представлен в том конечном виде, который описан в ТЗ. Варианты "оно в принципе готово, просто зайдите
туда-то, нажмите то-то, затем ещё туда и туда и вот сюда" крайне не
приветствуются. Если после выполнения работ нужно обновить кэш сайта -
обновите. Если нужно будет обновить кэш браузера - измените html-код
таким образом, чтобы файл сам обновился либо смените режим кэширования
для этого файла. Закладывайте это дополнительно в стоимость задачи.


I.
ИСПОЛЬЗОВАНИЕ SCSS/SASS/ПРЕПРОЦЕССОРОВ
Следует избегать использования технологий, предполагающих стадию компиляции, поскольку они усложняют и без того запутанный процесс
разработки, повышая её стоимость. Выгоды от их использования
нивелируются негативным экономическим эффектом.


J.
НИКАКОГО ДЕБАГА НА ПРОДАКШЕНЕ
На продакшене не должно появляться никаких заглушек и прочего. В случаях острой необходимости произвести дебаг именно на продакшене,
выводите дамп внутрь HTML-комментария, либо оборачивайте в <?php
if($_SERVER['REMOTE_ADDR'] == 'ВАШ-IP-АДРЕС') { ?>.


K.
ТЕСТОВЫЙ СЕРВЕР
Работы ведутся на тестовом сервере, после того как всё готово, нужно будет перенести сделанное на основной сайт.

Пожалуйста оцените стоимость и сроки выполнения.

  • Рекламное место свободно
    20 дней за $7
Заявки фрилансеров

Нет заявок от фрилансеров

Другие заказы в категории «Системы управления (CMS)»