Работа! Доверстать сайт, поправить стили, прикрутить некоторые механизмы Opencart 3.0.3.7 (рус)

5000 руб. Срок 2 дня. Без предоплаты.

Тестовый домен сайт
Создан на основе стоковой default темы.
ГЛАВНАЯ СТРАНИЦА – шапка всех страниц
Сделать, чтобы блок Поиск и Кнопка Корзина «Товаров (О руб)» распологались на одной строке в мобильной версии (телефон). Поиск левее – Кнопка Корзины правее.
Соотношение блоков ширина – Поиск 60 %, Кнопка Корзины 40%.
При этом при повороте смартфона в горизонтальное положение – расположение этих блоков в порядке.

ХЛЕБНЫЕ КРОШКИ на всех страницах
Задать шрифт как на РСПНВМ – цвет и толщина. При этом последний блок адреса хлебной крошки сделать так, чтобы он не был ссылкой. Т.е. ссылка страницы не должна ссылаться на саму себя.
Страница ГЛАВНЫХ ПОДКАТЕГОРИЙ
Отображать с картинками подкатегорий – так как сейчас на рспнвм.
Страница КАТЕГОРИИ /10-priklad/10-priklad_IG18
Версия Декстоп
Блок с текстовым описанием – растянуть адаптивно к правому краю. Сейчас правая граница этого блока съехала влево. Ссылку «Сравнение товаров (0)» сдвинуть вправо и выровнять по правому краю.
Текст название товара выравнивать внутри блока по центру.
Цену в блоке опустить немного ниже и чтобы все три цены у всех трех товаров в строке были на одном уровне. Сейчас у товара в коротким названием – цена приподнята выше. Кнопку КУПИТЬ слегка закруглить углы (чтобы также как у Кнопки КУПИТЬ в карточке товара – едино). Квадратик «сравнение» сдвинуть влево и отлепить от правого и нижнего края. При этом адаптивно при изменении разрешения дисплея кнопки КУПИТЬ и СРАВНЕНИЕ двигались бы к друг другу, но не прилипали – расстояние между ними 3 пикселя. Кнопки всегда располагаться должны на одной строке и не выстраиваться в две строки. Квадратик СРАВНЕНИЕ также углы скруглить одинаково с КУПИТЬ.

КАРТОЧКА ТОВАРА. 10-priklad/10-priklad_IG18/591
Блоки Описание, Характеристики, Отзывы расположить представление на одной странице сразу . Сверху вниз в следующем порядке. Характеристики, Описание, Отзывы. При этом содержимое этих блоков должно адаптивно растягиваться по ширине экрана. Название этих блоков заключить в серую полоску как на РСПНВ. В названии блока Характеристики – должно подтягиваться название группы характеристик этого товара. Например, как в примере макете «Характеристики приклада». В серой полоске отзывы должно быть после слова Отзывы – в скобках кол-во отзывов.
Версия Декстоп
Наименование товара расположить правее главного фото карточки товара и ниже зеленой полоски хлебных крошек (верхний край на одной линии с верхним краем главного фото карточки товара). Шрифт и цвет сделать как на РСПНВМ.
Блок окошко Количество и Кнопку КУПИТЬ расположить на одной строке. Блок количество – слева (ширина 20%), кнопка КУПИТЬ – справа (ширина 50%). Добавить в кнопку значок Корзинки такую же как Кнопка на странице Категории.
Блок «в закладки» и блок «в сравнение» (который сейчас вверху над наименованием товара – расположить правее Кнопки КУПИТЬ и задать ему ширину 30%. Все три блока «Количество», «Кнопка Купить», «в закладки/в сравнение» должны быть одинаковой высоты и располагаться красиво на одной линии. И адаптивно сжиматься при уменьшении разрешения экрана.
В блоке «рекомендуемые товары» (с этим товаром покупают) также необходимо закруглить углы Кнопки КУПИТЬ. Также как в карточке товаров в блоке Категории - Текст название товара должен центроваться внутри блока по горизонтали.
Цену также в блоке опустить немного ниже и чтобы все три цены у всех трех товаров в строке были на одном уровне (как в блоке категории).
Предложить решение отображения «рекомендуемых товаров», когда их больше 4. Например , стрелки прокрутки влево вправо по краям блока (как на РСПНВМ). Рекомендуемый товар (в блоке с этим товаром покупают) сделать также в закругленную рамку, кнопку КУПИТЬ по центру, цену по центру, рейтинг звезды по центру. Картику товара в этом блоке отлепить вниз от верхней границы рамки.

СТРАНИЦА ДОСТАВКА /dostavka
Скопировать все зеленые картинки «палец вверх», «коробка торта», «грузовая машина» в соответствующие подразделы на странице.

Страница О МАГАЗИНЕ /about_us
Скопировать зеленые картинки «палец вверх», «циферблат» , «стрелки круговые», «коробка торта», «грузовая машина» в соответствующие подразделы на странице.
Когда товара нет в наличии. На примере товара /10-priklad/10-priklad_IG18?product_id=506
Если остаток товара ноль или меньше – вместо кнопки КУПИТЬ выводить слово ОТСУСТВУЕТ. Это применить для карточки товара, на странице товаров в категории, на странице сравнения товара, в рекомендуемых товарах (с этим товаром покупают). Механизм можно скопировать с рспнвм, я предоставлю файлы каталоги. Этот механизм реализован на моем рабочем сайте и полностью устраивает.
Сделать, чтобы при нажатии кнопки КУПИТЬ - миниатюра товара плавно летела в корзину (как на рспнвм).
Важно! Все правки добавления в стилях и контроллерах необходимо сопроводить кратким комментарием в коде, чтобы было понятно потом где и что.
В итоге сообщить с какими файлами Вы работали и в какие вносили изменения.
Не должно появляться новых синтаксических ошибок, проверяем потом через w3.org.
Страницы сайта не должны стать тяжелее - проверяем Гуглпэйджспид.
По ходу выполнения возможна поэтапная оплата. Возможны небольшие корректировки в процессе после каждого этапа - "подвинуть", "приподнять", "отцентровать". Главное - если Вы в одном месте что-то исправили, чтобы не съезжало в другом (например, для декстопа изменили - чтобы не поплыло на мобильной версии). В скриншотах постарался отобразить желаемый вид (схематично). Доступ по фтп предоставлю.

 

Угу, ща! А потом ищи-свищи тебя на просторах мировой Сети...

P.S. А поэтапная оплата - дело какое-то расплывчатое и неопределённое

 

Спасибо за беспокойство. Исполнитель уже откликнулся. Работа выполняется.

 

Это хорошо...

 

Думаю, что за как минимум 6 лет работы (на этом сайте) Вы научились или научитесь выявлять фейковых заказчиков от реальных. Всех благ.

 

При нажатии на кнопку сравнение товара (стрелки) происходит переброска вверх страницы. И так каждый раз. Страницы длинные и это есть некомильфо. Учти это при доработках. Лучше на месте с товаром оставаться как-то

 

Шапка Амуниция, Запчасти... складывается в две незаконченные строки. Можно размер шрифта меньше сделать и будет одна строка. А также вместо "Средства самообороны" назвать например "Самооборона" - смысл останется, а размер места в шапке уменьшится

 

Ну и напоследок - коль такие длинные страницы, то без кнопки Вверх-вниз плохо юзать сайт. Вот такой, например...

 

Спасибо. Все учту.