OcStore 2.3|Статья доставка комплексных обедов в офис

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

Сайт:

    https://canapeclub.ru

Движок:

    ocStore 2.3

Задание:

Добавить в блог

    https://canapeclub.ru/blog/

новую статью в соответствии макетам

    https://up2.whitebx.ru/n/a/z/T05_canapeclub_ФУРШЕТ_доставка_комплексных_обедов.NAzyWabRxJ4b2S5TZBYfyk.jpg

    https://up2.whitebx.ru/5/d/y/T05_canapeclub_ФУРШЕТ_доставка_комплексных_обедов.5dyzKZ7Em31MDnkm2Ew4SL.psd

    https://up2.whitebx.ru/m/4/p/T02_canapeclub_blog_доставка_обедов_320.M4pzoDcbG73K1bvSKgjUgo.jpg

    https://up2.whitebx.ru/u/i/c/T02_canapeclub_blog_доставка_обедов_320.UicxnaRjgzc5vfBtb2G9yA.psd

    https://up2.whitebx.ru/5/m/b/Доставка_комплексных_обедов_в_офис.5mbUAu7V7cM53PEX3S6n7k.docx

фотографии

    https://up2.whitebx.ru/j/q/9/фото.JQ9gaG23qbFafiE6c21NFM.zip

Подробнее:

1.

URL статьи должен быть

    https://canapeclub.ru/blog/dostavka-kompleksnyh-obedov-v-ofis

без закрывающего слеша

2.

Десктопный вид и его элементы

    https://up2.whitebx.ru/n/a/z/T05_canapeclub_ФУРШЕТ_доставка_комплексных_обедов.NAzyWabRxJ4b2S5TZBYfyk.jpg

    https://up2.whitebx.ru/5/d/y/T05_canapeclub_ФУРШЕТ_доставка_комплексных_обедов.5dyzKZ7Em31MDnkm2Ew4SL.psd

должны выглядеть как на макете:

2.1. Заголовок - доставка комплексных обедов...

2.2. Картинка с наезжающим блоком текста

2.3. Готовим дома

2.4. Доставка комплексных обедов в офис

2.5. Питание в столовых и кафе

2.6. Итого

2.7. Любой вопрос...

2.8. Дата статьи

2.9. Читать ещё

2.9.1. Интерактив: карусель с прокруткой

3.

Десктопный вид и его элементы

    https://up2.whitebx.ru/m/4/p/T02_canapeclub_blog_доставка_обедов_320.M4pzoDcbG73K1bvSKgjUgo.jpg

    https://up2.whitebx.ru/u/i/c/T02_canapeclub_blog_доставка_обедов_320.UicxnaRjgzc5vfBtb2G9yA.psd

должны выглядеть как на макете:

3.1. Заголовок - доставка комплексных обедов...

3.2. Картинка с наезжающим блоком текста

3.3. Готовим дома

3.3.1. Интерактив: карусель с прокруткой

3.4. Доставка комплексных обедов в офис

3.4.1. Интерактив: карусель с прокруткой

3.5. Питание в столовых и кафе

3.5.1. Интерактив: карусель с прокруткой

3.6. Итого

3.7. Любой вопрос...

3.8. Дата статьи

3.9. Читать ещё

3.9.1. Интерактив: карусель с прокруткой

4.

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

Особенности:

A. Кроссбраузерность.

Результаты работ должны одинаково выглядеть в основных браузерах (в том числе

старых версий): Firefox 53.0.3, Firefox ESR 52.9.0, Firefox, Chrome,

Safari.

B. Адаптивная вёрстка.

Сайт использует адаптивную вёрстку, необходимо чтобы после выполнения задач, в мобильной версии всё

было читабельно и никуда не съезжало.

Устройство посетителя считается мобильным в случаях когда:

    Ширина экрана браузера менее 768px (если CSS-правилами сайта не определено иное).

    User-Agent браузера позволяет определить что устройство мобильное.

Вышеуказанные условия должны реагировать на resize окна браузера (мобильные элементы

после ресайза должны быть такими же как после полной перезагрузки с

изначально мобильным разрешением).

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

по ширине и высоте, сохраняя макетные пропорции.

C. Пояснение по адаптиву.

Адаптивность вёрстки мобильного варианта подразумевает, что не существует какого-то

отдельного html-кода для мобильной верстки, дублирующего десктопные

элементы. Вместо этого, один единственный вариант вёрстки, в зависимости

от размера экрана, отображается как десктопный, либо как адаптивный

вариант. Т.е. для десктопного вида и для мобильного вида шапки+меню не

должно быть двух разных блоков html-кода. Один и тот же html должен

отображаться по-разному в зависимости от разрешения экрана..

D. Нельзя использовать h1, h2, h3.

Для вёрстки новых элементов нельзя использовать теги h1 h2 h3 и т.д., поскольку это вредно с точки зрения SEO.

E. Минимум javascript.

Задачи должны быть выполнены с минимально возможным применением javascript.

Если какие-то задачи могут быть решены средствами PHP/HTML/CSS, то они

должны быть решены с помощью PHP/HTML/CSS.

G. Поломки.

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

процессе работы вы что-то сломаете, то исправление поломки

осуществляется вами безвозмездно.

H. Результат.

Результат задачи должен быть представлен в том конечном виде, который описан в ТЗ.

Варианты "оно в принципе готово, просто зайдите туда-то, нажмите то-то,

затем ещё туда и туда и вот сюда" крайне не приветствуются. Если после

выполнения работ нужно обновить кэш модификаторов сайта - обновите. Если

нужно будет обновить кэш браузера - измените html-код таким образом,

чтобы файл сам обновился либо смените режим кэширования для этого файла.

Посетители сайта обновлять кэш не будут, но зато увидят поехавшую

вёрстку. Закладывайте это дополнительно в стоимость задачи.

I. SCSS/SASS/препроцессоры.

Следует избегать использования технологий, предполагающих стадию компиляции,

поскольку они усложняют и без того запутанный процесс разработки,

повышая её стоимость. Выгоды от их использования нивелируются негативным

экономическим эффектом.

J. Никакого дебага на продакшене.

На продакшене не должно появляться никаких заглушек и прочего. В случаях

острой необходимости произвести дебаг именно на продакшене, выводите

дамп внутрь HTML-комментария, либо оборачивайте в

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

K. Тестовый сервер.

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

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