9 правок в дизайне и функционале на сайте - Css, Php, Java

У меня 9 задач по дизайну и функционалу, вчера выложил объявление на фрилансхант, но вспомнил что мы сотрудничали и написал напрямую)

Подскажите пожалуйста, сколько это будет стоить и сколько займет по времени?

1. Консультация. Мне нужна обратная связь от дизайнера, по 2м моментам. Я знаю что это больше UX, но интересно услышать ваше мнение.

Рейтинг - https://mychooz.com/ratings/luchshie-naushniki-goda-61530 . Задача пользователя, выбрать себе хорошие наушники.

Что вам мешает достичь цели, а что помогает?

Сама тема. Что лишнее, а чего не хватает. Задача такая же, выбрать себе хорошие наушники. К примеру вы попали на главную: https://mychooz.com/

Элементы для анализа: меню, хедер, футер, сайдбар.

Наиболее важна обратная связь с телефона, а после с ПК.

2. Глобальные стили для кнопок.

Я сделал кнопки через редактор Wordpress Gutenberg. Редактор задает свои стили кнопкам. https://prnt.sc/IwvzCYqrnaSG .

Редактор задает стили вот так: прописывая стиль для каждой отдельной кнопки: https://prnt.sc/fIFCQqbvNQKk

Задача сделать изменяемые стили глобально, чтобы я потом не исправлял все в блоках отдельно.

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

Возможно. прописать эти же стили отдельно в Style.css, чтобы их можно было глобально менять. Цвета, шрифты, размеры, закругления и т.д. Важно чтобы в редакторе отображались такие же кнопки как во фронт энде.

3 стиля для каждого цвета, для зеленых, синих и красных кнопок отдельно.

buttons_1

buttons_2

buttons_3

3. Вывод всплывающей подсказкой шорткода с подробной оценкой.

При наведении на вот эту кнопку, должна появляться всплывающая подсказка с подробной оценкой - https://prnt.sc/9_4x_WZr0lLj

Подробная оценка выводится отдельным шорткодом [wpsm_scorebox id="61303"] -  https://prnt.sc/K7bRO--OnH8l

Нужно сделать чтобы подсказка прописывалась шорткодом [info][/info], а внутрь нее вставлялся второй шорткод [wpsm_scorebox id="61303"]. Итоговый вид  [info][wpsm_scorebox id="61303"][/info]

4. Нужен упрощенный вид галереи и нормальное отображение видео с автоплеем.

Вот такой вид галереи нужен https://prnt.sc/ynFLzXoroM81

Картинка крупнее

Стрелки появляются при наведении

Дублирование главной  картинки - не нужно (только 4 картинки внизу)

Рамка не нужна

По сути нужен вот такой упрощенный вид: 

https://prnt.sc/MxB7F98kd9SV

По видео во второй вкладке:

Нужен автоплей ТОЛЬКО после клика и чтобы на фоне не было картинки/анимации: https://prnt.sc/NqBMps3vaGgI

Автоплей выводится шорткодом [su_youtube url="https://youtu.be/onBv575xKYM" autoplay="yes" mute="yes"]

После перехода к видео, анимация gif - должна останавливаться.

5. Нужен спойлер, который будет выводиться шорткодом [more][/more] .

Готовый стиль сполйера есть в отдельном плагине. Нужно вытащить его из плагина и добавить в общие стили.

Текст "подробнее" должен выводиться синей кнопкой, стиль "buttons_2"

Вот такой спойлер нужен. https://prnt.sc/8lWoefbInYaN

6. Скрыть 2 элемента рекламного виджета

  Скрыть "еще цены" и "стать партнером"

Виджет выводится с внешними css с сервера E katalog. https://prnt.sc/jqNLaHE5e2Ep

7. Добавить липкую карусель для моделей

У них у всех одинаковый стиль. Возможно они взяли эту функцию из своей темы или отдельного плагина.

Я пытался порыть и не нашел. Может вы по стилям сможете найти чтобы упростить задачу.

Нужна такая же карусель в рейтинах, вот примеры:

  https://www.whathifi.com/best-buys/best-wireless-headphones

  https://www.techradar.com/news/audio/portable-audio/best-wireless-headphones-1280344

  https://www.tomsguide.com/us/best-wireless-headphones,review-5565.html

Там где Check Price - нужно вывести первую ссылку из виджета - https://prnt.sc/uR1gZa8trMk5 с кнопкой "buttons_3" "Смотреть цены"

8. Цвет всех ссылок нужно изменить на  - #0000ee

    Только там где сейчас ссылки зеленые, нужно заменить на синие  #0000ee. Только в контенте, не в меню и не в сайдбаре.

Я пытался исправить, меняется только глобально. https://prnt.sc/WKNWdRejPVY6