OcStore 2.3|Статья доставка комплексных обедов в офис
Прошу оценить стоимость и сроки.
Сайт:
Движок:
ocStore 2.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
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.
Десктопный вид и его элементы
должны выглядеть как на макете:
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. Тестовый сервер.
Работы ведутся на тестовом сервере, после того как всё готово, нужно будет перенести сделанное на основной сайт.
Пожалуйста оцените стоимость и сроки выполнения.