OcStore 2.3|Сделать страницы списка товаров согласно макетам

Цена договорная • наличный расчёт, безналичный расчёт, электронные деньги
22 ноября 2018, 13:30 • 2 отклика • 41 просмотр
Прошу оценить стоимость и сроки.

Сайт:
url: "http://textil-mirror.dev-a05e.whitebx.ru"
username: "w"
password: "w"

Движок - ocStore 2.3.0.2.3 с темой Octemplates LUXURY 4.3

Задание:

Привести внешний вид списка товаров








в соответствие макетам


https://up.whitebx.ru/textil-products-list-design....


https://up.whitebx.ru/textil-main-page-design.XVqs...

1.
Блок списка товаров на странице категорий должен выглядеть как на макете.
http://textil-mirror.dev-a05e.whitebx.ru/oboi/



2.
Блок списка товаров на странице производителей должен выглядеть как на макете.
http://textil-mirror.dev-a05e.whitebx.ru/apple/



3.
Шапка списка товаров на странице категорий должна быть исправлена:
http://textil-mirror.dev-a05e.whitebx.ru/oboi/


3.1. Должна быть убрана кнопка, меняющая тип списка.
3.2. Оставшаяся часть должна быть равномерно растянута.

4.
Списки блока 4-в-одном (новинки, рекомендованные, акции) на главной должны выглядеть согласно макету.
http://textil-mirror.dev-a05e.whitebx.ru/






https://up.whitebx.ru/textil-main-page-design.XVqs...

5.
Мобильная версия блока списка товаров должна сохранить адаптивность:
5.1. Не должна разъехаться или сломаться.
5.2. Не должна потерять содержимое, которое видно на десктопной версии.

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

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

B.
АДАПТИВНАЯ ВЁРСТКА.
Сайт использует адаптивную вёрстку, необходимо чтобы после выполнения задач, в мобильной версии всё было читабельно и никуда не съезжало.
Устройство посетителя считается мобильным в случаях когда:
Ширина экрана браузера менее 700px.
User-Agent браузера позволяет определить что устройство мобильное.
Вышеуказанные условия должны реагировать на resize окна браузера.

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

D.
НЕЛЬЗЯ ИСПОЛЬЗОВАТЬ H1, H2, H3.
Для вёрстки новых элементов нельзя использовать теги h1 h2 h3 и т.д., поскольку это вредно с точки зрения SEO.

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

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

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