У меня 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
