OcStore 2.3.0.2.3|Списки товаров

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

Сайт:

    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-комментария, либо оборачивайте в

if($_SERVER['REMOTE_ADDR'] == 'ВАШ-IP-АДРЕС') { ?>.

K.

ТЕСТОВЫЙ СЕРВЕР

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

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